如何禁用滚动直到动画完成

How to disable scrolling until animation is complete?

本文关键字：动画 何禁用 滚动      更新时间：2024-02-06

我正在使用此代码滚动到页面上的某个元素：

$("html, body").animate({scrollTop: $(".myDiv").offset().top}, 300);

它是有效的，但有一个问题：当用户向下滚动而脚本向上滚动时，会有一些抖动，因为有两个滚动命令同时指向不同的方向——这对我来说听起来很合乎逻辑

我检查了其他一些具有滚动功能的网站，没有抖动。那么，防止这种情况发生的诀窍是什么呢？

当您使用带滚动的animate时，这是一个jQuery错误，检测效果很好。

我研究了如何关闭滚动，发现了这个问题：如何暂时禁用滚动？

这是jsFiddle。点击后您会看到；用户无法滚动直到动画制作完成。

$('.myDiv').click(function(){
    disable_scroll();
    $('html, body').stop().animate({ scrollTop: 0 }, 700,function() {
        enable_scroll();
    });
});

编辑：感谢galambalaz btw.

一个想法-尝试挂接到滚动事件并使用http://api.jquery.com/stop/停止动画..坏主意。。

解决方案也有同样的问题-让用户滚动停止scrolltop的jquery动画？

相关文章：