Google chrome 禁用弹性滚动Chrome/Safari

Google chrome 禁用弹性滚动Chrome/Safari,google-chrome,safari,webkit,Google Chrome,Safari,Webkit,对我来说根本不起作用 有没有最新的现代方法 我的客户总是讨厌它,我还没有找到一个好方法来禁用它 通过弹性滚动,我的意思是一旦你到达页面的顶部或底部,这些浏览器允许页面“过度滚动”以显示空白区域。我正试图阻止这种行为。如果CSS黑客在您的案例中没有删除它,那么您可能需要使用JS来处理滚动 不过,我强烈建议不要这样做,因为用户希望滚动会以某种方式进行。更不用说让JS滚动变得平滑和像本地滚动一样响应是非常困难的 我不知道你在构建什么,所以当然这可能不适用于你的情况,但你通常应该(像往常一样,除非你有令

对我来说根本不起作用

有没有最新的现代方法

我的客户总是讨厌它,我还没有找到一个好方法来禁用它


通过弹性滚动,我的意思是一旦你到达页面的顶部或底部,这些浏览器允许页面“过度滚动”以显示空白区域。我正试图阻止这种行为。

如果CSS黑客在您的案例中没有删除它,那么您可能需要使用JS来处理滚动

不过,我强烈建议不要这样做,因为用户希望滚动会以某种方式进行。更不用说让JS滚动变得平滑和像本地滚动一样响应是非常困难的


我不知道你在构建什么,所以当然这可能不适用于你的情况,但你通常应该(像往常一样,除非你有令人信服的理由反对)将这样的常见交互留给操作系统,以避免混淆用户。您的客户可能不喜欢它,但这正是他们的用户所期望的,这应该更重要

这里有一个禁用chrome的方法

body {
  /* Disables pull-to-refresh and overscroll glow effect.
     Still keeps swipe navigations. */
  overscroll-behavior-y: none;
}
From:

使用JS。或者类似的,也许是这个答案