위로/아래로 위/아래로 변경하는 스크롤 휠 이벤트 캡처

Question

사용자가 사이트의 기능을 변경하여 사용자가 사이트 맨 아래에서 시작하고 아래로 스크롤하여 위로 이동해야하는 고객이 있습니다.

그래서 기본적으로 스크롤 기능을 뒤집어서 아래로 스크롤하면 위쪽으로 스크롤되고 반대 방향으로 스크롤하면됩니다.

나는 약간의 연구를했고, 나는 스크롤 이벤트 캡처 아래 무엇을 나에게 준, (How can I determine the direction of a jQuery scroll event?)이 발견 :

 var lastScrollTop = 0; 
     $(window).scroll(function (event) { 
      var st = $(this).scrollTop(); 
      if (st > lastScrollTop) { 
       // downscroll code 
       alert("DOWN"); 
      } else { 
       // upscroll code 
       alert("UP"); 
      } 
      lastScrollTop = st; 
     }); 

이 잘 작동이 식별을 경우 위 또는 아래로 사용자가 스크롤 .

하지만 난에 무엇을 할 수 있는지 모르겠어요

1. 중지 기본 스크롤, 다른 방향

누구든지 내가 여기에 무엇을 할 수 있는지 알고있는

스크롤? 또는 플러그인이나 다른 방법으로이 작업을 수행하는 완전히 다른 방법이 있다면, 나는 무엇이든 할 수 있습니다.

Answer 1

여기에 함께 던져 빠른 바이올린는 다음과 같습니다

http://jsfiddle.net/fmwpuu9g/

기본적으로, 당신은 mousewheel 이벤트 (또는 DOMMouseScroll 이벤트)를 캡처하고 기본을 방지 할 수 있습니다. 모두

문서 :

을 MouseWheel : https://developer.mozilla.org/en-US/docs/Web/Events/mousewheel (대부분의 주요 브라우저) DOMMouseScroll : https://developer.mozilla.org/en-US/docs/Web/Events/DOMMouseScroll (파이어 폭스/게코)

불행하게도, 당신이 볼 수 있듯이, 그것은 아니에요 "표준", 그래서 지원 ISN 보장되지 않습니다 ....

한 가지 지적해야 할 점은 offset이 10px이라는 것입니다. 이것이 하드 코딩되어 있지만 클라이언트가 찾고있는 것일 수 있습니다. 관성을 기대하기 때문에 이상적이지 않습니다. 또한, 이것은 "정상적인"스크롤 기능이 비활성화 된 MacBooK Pro로 테스트되었습니다 (스크롤 업 또는 스크롤 다운) - 델타 기능이 어떻게 작동하는지 모르겠습니다.

마지막으로 스크롤바를 제거하려는 경우 컨테이너의 자리를 top만큼 오프셋 할 수 있습니다.

행운을 빈다.