jQuery ScrollTo：多次点击link = funky move stacking

Question

以下是代码：

$('.next').click(function(){
        $(window).stop(true,true).scrollTo('+=800px', 1000, { axis:'x' } );
 });
$('.prev').click(function(){
        $(window).stop(true,true).scrollTo('-=800px', 1000, { axis:'x' } );
 });

可以在此处预览网站：http://www.allisonnavon.com/index.php?/projects/raw-rhythm/

当多次点击»时，即使使用stop(true,true)参数，它也会将它们排队。谁知道为什么？

Answer 1

.stop()仅影响该元素的动画队列，而在这种情况下您只需.animate()（此处不需要scrollTo插件）：

$('.next').click(function(){
  $("html, body").stop(true,true).animate({ scrollLeft: '+=800' }, 1000);
});
$('.prev').click(function(){
  $("html, body").stop(true,true).animate({ scrollLeft: '-=800' }, 1000);
});

这样.stop() 将影响这些元素的动画队列。