크롬에서 부드러운 스크롤을 사용 중지하는 방법

Question

웹 앱 (주로 Chrome에서의 사용에 초점을 맞 춥니 다)을 만들고 있지만 '부드러운 스크롤'(IOS에서와 같이 '추가'스크롤이라고도 함) Chrome (Mac을 사용하는 경우)이 방해가됩니다.

자바 스크립트를 통해이를 사용 중지 할 수있는 방법이 있습니까?

Answer 1

부드럽게 스크롤하는 것을 overscroll bounce 또는 rubber-band scrolling이라고합니다.

Disable iOS Overscroll but allow body scrolling

Answer 2

를 사용하여 자바 스크립트는 HTML 및 BODY 태그의 CSS 스타일을 설정합니다.

"오버플로"속성을 "숨김"으로 설정하십시오.

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

나는 휠 이벤트를 가로 채고 "손으로"를 scrollTop/ scrollLeft 픽셀 위치를 이동하여 나는 부드러운 스크롤과 함께 가졌다 일부 렌더링 문제를 완화 할 수 있었다. 이것은 내가 필요로하는 것이었습니다. 정말로 그것에 머리를 쓰고있었습니다.