Javascript 中断滚动到动画
我有一个页面,其中所有内容都在一个页面中,单击导航栏上的链接可以将动画滚动到相关部分。密码笔是 我正在为滚动动画使用以下代码:Javascript 中断滚动到动画,javascript,jquery,animation,Javascript,Jquery,Animation,我有一个页面,其中所有内容都在一个页面中,单击导航栏上的链接可以将动画滚动到相关部分。密码笔是 我正在为滚动动画使用以下代码: $('a[href*=#]:not([href=#])').click(function() { var target = $(this.hash); if (target.length) { $('html, body').animate({ scrollTop: target.offset().top
$('a[href*=#]:not([href=#])').click(function() {
var target = $(this.hash);
if (target.length) {
$('html, body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
});
我的问题是,当用户在动画仍在播放时单击另一部分时,是否有方法取消此动画。此时,它会完成上一个动画,并将下一个动画添加到“队列”,这意味着,如果您垃圾邮件单击不同的部分,您将无法取消动画。找到它,只需在动画()之前添加此代码:
$('html, body').stop();