如何禁用Chrome中的平滑滾動

Question

我正在創建一個web應用程序（主要關注Chrome中的用法），但是「平滑滾動」（我想這就是所謂的「額外」滾動，就像在IOS上一樣）的Chrome（當在Mac上）阻礙。

有沒有什麼辦法可以通過JavaScript禁用此功能？

Answer 1

你所說的平滑滾動稱爲overscroll反彈或橡皮筋滾動。

Disable iOS Overscroll but allow body scrolling

Answer 2

使用JavaScript來設置HTML和BODY標籤的CSS樣式。

將其「溢出」屬性設置爲「隱藏」。

Answer 3

我能夠攔截輪事件和「手動」移動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 })