javascript - 越过 ios7 safari 的底部和顶部触摸区域 - 风景

Question

我正在为 iOS7 优化网站。我发现，在 safari mobile 上将方向更改为横向时，网站会全屏显示，但浏览器会阻止 View 顶部和底部的一些高度和宽度像素。该区域中的任何触摸或点击事件都不会执行我们预期的操作，但它只是从全屏 View 中出来并触发浏览器选项。

1.这是全屏 View 的屏幕截图，当我点击“what is twitter?”时并关闭全屏并显示选项 View (第二张图片)

2.这是第二张图片，我们可以在点击“what is twitter”时看到这个 View

有什么可能的方法可以让我们超越那个水龙头？

Answer 1

我想我可能找到了答案，但在纵向和横向之间切换时无法确认。将您的内容设置为具有以下样式:

• height: 100%(允许内容填充视口(viewport)并超出底部)
• overflow-y: scroll(允许您在视口(viewport)下方滚动；默认值为visible)
• -webkit-overflow-scrolling: touch(平滑任何滚动行为)

似乎强制 Safari 中的 iOS 菜单始终出现。这样一来，点击按钮就可以正常工作，而不是打开 Safari 菜单。希望这对您有所帮助!