클릭시 상단 스크롤을 취소하십시오.

Question

현재 다음 코드를 사용하여 스 와이프 감지 스크립트의 콜백 상단으로 자동 스크롤합니다. 애니메이션 중에 화면을 클릭 할 때 애니메이션을 취소하는 기능을 추가하고 싶습니다.

$('body,html').animate({ 
    scrollTop: 0 
}, 300); 

어떻게하면 취소 할 수 있습니까? 어쩌면이 같은

Answer 1

애니메이션을 중지 stop 방법을 사용합니다. jumpToEnd 매개 변수에 false을 전달해야 사용자가 자동으로 화면 상단으로 이동하지 않습니다.

$(function() { 
    //Substitute with whatever kicks off this scroll in your app. 
    $('button').on('click', function(evt) { 
     $('body,html').animate({ 
      scrollTop: 0 
     }, 3000); 

     evt.stopPropagation(); 
    }); 

    $(window).on('click', function(evt) { 
     $('body,html').stop(); 
    }); 
}); 

라이브 예를 - 편집가 http://jsfiddle.net/FcLbH/2/

- @ AVL의 의견에 따라 stop에 매개 변수를 제거.

Answer 2

:

이

$('body,html').animate({ 
    scrollTop: 0 
}, 3000).click(function() { 
    $('body,html').stop(); 
}); 

예 : http://jsfiddle.net/DJ8Re/1/

Answer 3

I 오전 클릭 감지에 대해, 어쨌든,이 3 초 후에 애니메이션을 중지됩니다 아주 확실하지 :

$('body,html').animate({ 
    scrollTop: 0 
}, 6000); 

setTimeout(function() { $('html,body').stop(); }, 3000); 

를 정지의 모든 정보()의 경우 :의 http://api.jquery.com/stop/