移动网络：-webkit-溢出滚动：与位置触摸冲突：固定

Question

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

加入-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模拟器没有说明区别）。