2013-10-25 5 views
0

터치 패드 스크롤에 문제가 있습니다. 내 사이트 모양이 이렇습니다 : click. 위쪽/아래쪽 화살표, 메뉴 및 마우스 휠을 사용하여 여기를 탐색 할 수 있습니다. 터치 패드를 사용하여 스크롤하는 것 외에는 모든 것이 좋습니다. 이렇게하면 마우스 휠의 스크롤과 같이 해석됩니다. 그래서 당신은 위에서 두 번째 화면으로 이동하지 않고 마지막 화면으로 이동합니다. 나는 그것을 내 솔루션에 대해 생각하는 것입니다 :터치 패드 스크롤링 문제 jQuery

  • 이 스크롤의 다음/이전 화면으로
  • 스크롤 방향을 감지
  • 정지 스크롤

하지만 어떻게 어떤 생각을 가지고 있지 않습니다 "스크롤 중지". 누구든지 나를 도울 수 있습니까? :)

답변

0

좋아,이 방법을 알아 냈어. 어쩌면 최선의 방법은 아니지만 효과가있을 수 있습니다. 코드 : 그것은 다음/이전 화면으로 스크롤의 시간이 있기 때문에

 scrollTimes ={ 
      up : 0, 
      down : 0 
     }; 

     $('body').bind('DOMMouseScroll', function(e){ 
      if(e.originalEvent.detail > 0) { 
       scrollTimes.down++; 
       if(scrollTimes.down === 1) { 
        api.next(2000); 
       } 
      } 
      else { 
       scrollTimes.up++; 
       if(scrollTimes.up === 1) { 
        api.prev(2000); 
       } 
      } 

      setTimeout(function() { scrollTimes = { up : 0, down : 0};}, 2000); 

      return false; 
     }); 

     $('body').bind('mousewheel', function(e){ 
      if(e.originalEvent.wheelDelta < 0) { 
       scrollTimes.down++; 
       if(scrollTimes.down === 1) { 
        api.next(2000); 
       } 
      } 
      else { 
       scrollTimes.up++; 
       if(scrollTimes.up === 1) { 
        api.prev(2000); 
       } 
      } 

      setTimeout(function() { scrollTimes = { up : 0, down : 0};}, 2000); 

      return false; 
     }); 

는 나는 2000에서는 setTimeout 시간을 설정 한 :