在iOS上使用粘性导航栏禁用弹性滚动

时间:2015-12-30 13:57:35

标签: ios html5 scroll sticky

我正在尝试禁用iOS上的弹性滚动。我尝试了似乎无数的解决方案,但它们都有不良副作用。这里的关键似乎是我使用了一个粘性导航栏(我可以在没有这个的情况下获得解决方案。我得到的最接近的解决方案是:

body {
  height: 100%;
  width: 100%;
  overflow: auto;
}

这确实会停止弹性滚动,但会在滚动条移动的内容的屏幕右侧创建一个大空间。看起来很可怕。

另一个是下面的,除了下拉菜单之外还有其他功能隐藏在内容之后,所以没用:

body {
width: 100%;
height: 100%;
overflow: hidden;
}

#scroll-wrapper {
overflow: auto;
}

任何帮助表示赞赏,但请使用粘性导航测试它,因为大多数看起来似乎不兼容。

0 个答案:

没有答案