移动端网页：-webkit-overflow-scrolling: touch与position:fixed冲突

Question

15

在我的移动Web应用程序中，我使用position: fixed来创建一个固定的顶部导航菜单。添加-webkit-overflow-scrolling:touch后，滚动变得更加平滑了。但是，当滚动时，顶部菜单会消失，只有在滚动停止后才会显示出来。

我已经搜索了很多解决方案，例如CSS3属性webkit-overflow-scrolling：touch ERROR和iOS5在使用webkit-overflow-scrolling:touch时图像消失。然而，这些解决方案对我并没有起作用。请查看此示例：http://jsbin.com/woxuwihuzu/12/（从iPhone 5c Chrome/Firefox访问）。

我漏掉了什么吗？

- Joy

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Joy · Accepted Answer

经过两天的努力，我发现这篇文章为我省下了不少力气：100% screen height css。

我必须将内容区域的高度限制为屏幕高度相同。请在此处查看工作演示：http://jsbin.com/tubaqaqumi/3/（请使用真正的手机访问；Chrome模拟器无法区分差异）。