禁用Safari中的弹性滚动

一尘不染

css

我只是想禁用 Safari（OSX Lion）中 的弹性滚动/弹跳效果 。

我找到了overflow: hidden在CSS中为body 设置的解决方案，但正如预期的那样，它仅 禁用了滚动条
，因此，如果网站比屏幕“长”，您 将无法滚动！

欢迎任何解决方案或提示！谢谢！

阅读 587

2020-05-16

共1个答案

一尘不染

您可以通过应用以下CSS来更普遍地实现这一目标：

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

这样，无论内容如何，都可以在其中滚动body，但是请注意，scroll触发事件的滚动上下文现在document.body不是window。

2020-05-16