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

Question

我在这里有以下代码：

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

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

我希望能够在用户与该div中的滚动条进行交互时立即停止动画。我是一个jquery newb所以，如果有人能帮助我，我将非常感激！

Here's the fiddle.

Answer 1

我只是试图在点击时停止动画并且它有效我认为你需要做的就是决定你想要听的事件：

我用过：

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

jsfiddle