问题描述
我使用 position：fixed 在我的移动网络应用程序上创建一个固定的顶部导航菜单。
I use position: fixed to create a fixed top navigation menu on my mobile web application.
之后添加 -webkit-overflow-scrolling：touch ，滚动工作顺利进行。但是，顶部菜单在滚动期间消失。它仅在滚动停止后显示。
After adding -webkit-overflow-scrolling: touch, the scrolling works smoothly. However, the top menu disappears during scrolling. It shows only after the scrolling stops.
我搜索了很多解决方案，例如和。但是，给定的解决方案对我不起作用。请查看此示例：（从iPhone访问过） 5c Chrome / Firefox）。
I have searched many solutions, such as 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/ (visited from iPhone 5c Chrome/Firefox).
我错过了什么吗？
推荐答案
经过两天的挣扎，我发现这篇文章救了我：。
After two days struggling, I found this post saves me: 100% screen height css.
我必须将内容区域的高度限制为与屏幕相同的高度。请在此处找到工作演示：（访问来自真正的手机; Chrome模拟器并没有说明差异。）
I have to limit the height of my content area to be the same height of the screen. Please find the working demo here: http://jsbin.com/tubaqaqumi/3/ (visit from a real phone; a Chrome simulator doesn't tell the difference).
这篇关于移动网站：-webkit-overflow-scrolling：触摸与位置冲突：已修复的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！