Javascript 移动web:-webkit溢出滚动:触摸与位置冲突:已修复

Javascript 移动web:-webkit溢出滚动:触摸与位置冲突:已修复,javascript,css,scroll,css-position,Javascript,Css,Scroll,Css Position,我使用position:fixed在我的移动web应用程序上创建一个固定顶部导航菜单 添加-webkit overflow scrolling:touch后,滚动工作平稳。但是,在滚动过程中,顶部菜单将消失。它仅在滚动停止后显示 我已经找到了许多解决方案,例如和。然而,给出的解决方案对我不起作用。请查看此示例:(从iPhone 5c Chrome/Firefox访问) 我错过了什么吗?经过两天的努力,我发现这篇文章救了我一命: 我必须将我的内容区域的高度限制为与屏幕相同的高度。请在此处找到可用的

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

添加
-webkit overflow scrolling:touch
后,滚动工作平稳。但是,在滚动过程中,顶部菜单将消失。它仅在滚动停止后显示

我已经找到了许多解决方案,例如和。然而,给出的解决方案对我不起作用。请查看此示例:(从iPhone 5c Chrome/Firefox访问)


我错过了什么吗?

经过两天的努力,我发现这篇文章救了我一命:


我必须将我的内容区域的高度限制为与屏幕相同的高度。请在此处找到可用的演示:(从真实的手机访问;Chrome模拟器无法分辨区别)。

那么,如果您希望内容区域高于屏幕高度,有什么解决方案?