移动网络：-webkit-overflow-scrolling：触摸与 position:fixed 冲突
Mobile web: -webkit-overflow-scrolling: touch conflicts with position:fixed
我使用 position: fixed 在我的移动网络应用程序上创建一个固定的顶部导航菜单。
添加-webkit-overflow-scrolling: touch后，滚动顺畅。但是，顶部菜单在滚动过程中消失。它仅在滚动停止后显示。
我搜索了很多解决方案，比如CSS3 property webkit-overflow-scrolling:touch ERROR and iOS5 Images disappear when scrolling with webkit-overflow-scrolling: touch. However, the given solutions are not working for me. Please check out this example: http://jsbin.com/woxuwihuzu/12/（访问自iPhone 5c Chrome/Firefox）。
我错过了什么吗？
经过两天的挣扎，我发现这个post救了我：100% screen height css。
我必须将内容区域的高度限制为与屏幕高度相同。请在此处找到工作演示：http://jsbin.com/tubaqaqumi/3/（来自真实 phone 的访问；Chrome 模拟器没有区别）。
我使用 position: fixed 在我的移动网络应用程序上创建一个固定的顶部导航菜单。
添加-webkit-overflow-scrolling: touch后，滚动顺畅。但是，顶部菜单在滚动过程中消失。它仅在滚动停止后显示。
我搜索了很多解决方案，比如CSS3 property webkit-overflow-scrolling:touch ERROR and iOS5 Images disappear when scrolling with webkit-overflow-scrolling: touch. However, the given solutions are not working for me. Please check out this example: http://jsbin.com/woxuwihuzu/12/（访问自iPhone 5c Chrome/Firefox）。
我错过了什么吗？
经过两天的挣扎，我发现这个post救了我：100% screen height css。
我必须将内容区域的高度限制为与屏幕高度相同。请在此处找到工作演示：http://jsbin.com/tubaqaqumi/3/（来自真实 phone 的访问；Chrome 模拟器没有区别）。