jQuery scrollTo: Mehrere Klicks auf link = flippige Bewegung Stapel

Question

Hier ist der Code:

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

Site kann hier angesehen werden: http: //www.allisonnavon. com / index.php? / Projekte / raw-Rhythmus /

Wenn die »angeklickt werden mehr als einmal, es reiht sich, auch mit dem stop(true,true) Parameter. Wer weiß, warum?

Answer 1

.stop() betrifft nur die Animation Warteschlange für dieses Element, stattdessen können Sie einfach .animate() in diesem Fall (keine Notwendigkeit für die scrollTo Plugin hier):

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

Auf diese Weise der .stop() wird Effekt der Animation Warteschlange auf die Elemente .