마우스를 화면 가장자리로 끌 때 스크롤 금지

Question

마우스를 클릭하여 화면 가장자리로 이동하면 페이지가 자동으로 그 방향으로 스크롤됩니다 (적어도 Chrome에서는). 예를 들어

, 당신이 가면 : 마우스를 아래로 Google

눌러 버튼을 누르고 유지하면서 화면 하단에 커서를 이동 한 페이지가 아래로 스크롤됩니다.

나는 내 웹 사이트에서이 기능을 비활성화하고 브라우저가 자동으로 스크롤하지 못하도록하고 싶습니다. 이 작업을 수행 할 수 있습니까?

은 첫째 나는 그것이 텍스트 선택과 함께 할 줄 알았는데, 나는

$("body").disableSelection() 

을 시도하지만 그것은 작동하지 않습니다.

Answer 1

당신은 CSS로 텍스트 선택을 해제 할 수 있습니다

.noselect { 
    -webkit-touch-callout: none; /* iOS Safari */ 
    -webkit-user-select: none; /* Safari */ 
    -khtml-user-select: none; /* Konqueror HTML */ 
     -moz-user-select: none; /* Firefox */ 
     -ms-user-select: none; /* Internet Explorer/Edge */ 
      user-select: none; /* Non-prefixed version, currently 
            supported by Chrome and Opera */ 
} 

• 출처 : https://stackoverflow.com/a/4407335/1737158
• 브라우저 지원 : http://caniuse.com/#feat=user-select-none

그러나 드래그를 중지 도움이되지 않습니다.

window.scrollTo(x, y);을 사용하여 사용자를 다른 위치로 스크롤 할 수 있습니다. 스크롤 이벤트 Capturing the "scroll down" event?에 바인딩하고 Javascript - Track mouse position 마우스 위치를 확인할 수 있습니다. 기본적으로 이러한 동작을 비활성화하는 데 필요한 모든 것입니다.

방금 ​​다른 재미있는 방법을 시도했습니다. - CSS로 마우스 이벤트를 사용하지 않도록 설정하고 CSS로 선택을 사용 중지하고 JS로 마우스 이벤트 버블 링을 사용 중지합니다. 귀하의 상황에 도움이되는 것은 없습니다. 이전에 작성한 전술로 시도하십시오.