jQuery ScrollTo：多次点击链接 = 时髦的移动堆叠

发布于 2024-09-27 19:32:03 字数 580 浏览 5 评论 0原文

这是代码：

$('.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/" rel="nofollow">http://www. allisonnavon.com/index.php?/projects/raw-rhythm/

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

原文

Here is the 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 can be previewed here: http://www.allisonnavon.com/index.php?/projects/raw-rhythm/

When the » are clicked more than once, it queues them up, even with the stop(true,true) parameter. Anyone know why?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

救星 2024-10-04 19:32:03

.stop() 仅影响该元素的动画队列，而不是您在这种情况下可以只是 .animate() （不需要 < code>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()< /a> 将影响这些元素上的动画队列。

.stop() only affects the animation queue for that element, instead you can just .animate() in this case (no need for the scrollTo plugin here):

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

This way the .stop() will effect the animation queue on those elements.

回复收藏 0 原文

~没有更多了~