javascript - 如何在用户交互时停止 scrollLeft 动画

Question

我这里有以下代码:

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

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

我希望能够在用户与该 div 中的滚动条交互时立即停止动画。我是 jquery 新手，所以如果有人能帮助我，我将不胜感激!

Here's the fiddle.

Answer 1

我只是试图在点击时停止动画并且它起作用了我认为你需要做的就是决定你想听什么事件:

我用过:

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

jsfiddle