如何在Chrome中禁用平滑滚动

Question

我正在创建一个网络应用程序（主要关注Chrome中的使用情况），但Chrome的'平滑滚动'（我想这就是它所谓的'额外'在IOS上滚动'）（在Mac上）妨碍了。

有没有办法通过javascript禁用此功能？

Answer 1

您所指的平滑滚动称为过卷弹跳或橡皮筋滚动。

Disable iOS Overscroll but allow body scrolling

Answer 2

通过拦截滚轮事件并移动scrollTop / scrollLeft像素位置＆＃34;手动＆＃34;我能够缓解平滑滚动时的一些渲染问题：

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 3

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

将“overflow”属性设置为“hidden”。