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

Question

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

添加后-webkit-overflow-scrolling: touch,滚动顺利进行.但是,顶部菜单在滚动期间消失.它仅在滚动停止后显示.

我搜索了许多解决方案,例如CSS3属性webkit-overflow-scrolling:触摸ERROR和iOS5图像在使用webkit-overflow-scrolling:touch滚动时消失.但是,给定的解决方案对我不起作用.请查看此示例:http://jsbin.com/woxuwihuzu/12/(从iPhone 5c Chrome/Firefox访问).

我错过了什么吗？

Answer 1

经过两天的苦苦挣扎，我发现这篇文章为我省了：100％屏幕高度css。

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