2014-01-08 31 views
3

scrollLeft動畫,我有以下代碼在這裏:如何停止對用戶交互

<script> 
$(document).ready(function() { 

    $('.scrolls').stop().animate({ 
     scrollLeft : 4000 
    },100000, 'linear') 
}) 
</script> 

我希望能夠儘快在用戶與該分區中的滾動條交互停止動畫。我是一個jQuery新手,所以如果任何人都可以幫助我,將非常感激!

Here's the fiddle.

+0

http://stackoverflow.com/questions/8858994/let-user-scrolling-stop-jquery-animation-of-scrolltop – DaniP

+0

該答案適用於jsfiddle,但不適用於我的網站。我現在正在使用mamp,運行wordpress,首先,它似乎不認識這部分 var $ viewport = $('。scrolls'); 如果我將$ viewport全部更改爲$('。scrolls'),則動畫將開始,但不會停止。所以它不能識別.bind部分。我是一個jQuery新手,所以我不知道爲什麼它沒有這樣做,但事實並非如此。 :/ – user3158649

回答

0

我只是試圖阻止上點擊動畫和它的工作,我認爲你需要做的是決定你要聽什麼事件:

我用:

$(".scrolls").on("click",function(){ 
     $(this).stop(true,false); 
}); 

jsfiddle

相關問題