移动网络：-webkit-overflow-scrolling：触摸与位置冲突：已修复

Question

我使用position: fixed 在我的移动网络应用程序上创建一个固定顶部导航菜单。

添加-webkit-overflow-scrolling: touch后，滚动流畅。但是，顶部菜单会在滚动过程中消失。它仅在滚动停止后显示。

我已经搜索了很多解决方案，例如CSS3 property webkit-overflow-scrolling:touch ERROR和iOS5 Images disappear when scrolling with webkit-overflow-scrolling: touch。但是，给定的解决方案对我不起作用。请查看此示例：http://jsbin.com/woxuwihuzu/12/（从 iPhone 5c Chrome/Firefox 访问）。

我错过了什么吗？

Answer 1

经过两天的挣扎，我发现这篇文章拯救了我：100% screen height css。

我必须将内容区域的高度限制为与屏幕的高度相同。请在此处找到工作演示：http://jsbin.com/tubaqaqumi/3/（通过真机访问；Chrome 模拟器无法区分）。