javascript - 如何在 Chrome 中禁用平滑滚动

Question

我正在创建一个网络应用程序（主要集中在 Chrome 中的使用），但是 Chrome 的“平滑滚动”（我猜这就是所谓的，像 IOS 上的“额外”滚动）进入了方法。

有没有办法通过javascript禁用它？

Answer 1

通过拦截滚轮事件并“手动”移动scrollTop/像素位置，我能够缓解平滑滚动时遇到的一些渲染问题：scrollLeft

function wheeled(event) {
  event.preventDefault()

  container.scrollTop += event.deltaY
  container.scrollLeft += event.deltaX
}

container.addEventListener('wheel', wheeled, { passive: false, capture: true })
// actual render code is in the `scrolled` handler because
// there are other wheel events in the code that adjust the scroll position
container.addEventListener('scroll', scrolled, { passive: true })

Answer 2

您所说的平滑滚动称为过度滚动反弹或橡皮筋滚动。

禁用 iOS Overscroll 但允许正文滚动

Answer 3

使用 Javascript 设置 HTML 和 BODY 标签的 CSS 样式。

将它们的“溢出”属性设置为“隐藏”。