Scrolltop动画后的滚动/滚动条锁定 [英] Scrolling/Scrollbar Locks After Scrolltop Animation

问题描述

我有一些锚点链接到页面中的特定部分(使用井号标签)，还有一些锚点可以滚动到文档窗口的顶部或底部.

I've got a few anchors that link to specific sections (using hashtags) within the page, and ones that scroll to the top or bottom of the document window.

$("html, body").animate({ scrollTop: $(document).height() }, 2000);

但是，一旦动画和滚动到达目的地并完成后，文档滚动和滚动条似乎会禁用几秒钟.例如，如果单击转到页面底部"链接，我的文档窗口将正确滚动到页面底部.当我尝试向上滚动时，它会以抖动的方式上下摆动，并允许我稍后滚动一些尝试.

However, as soon as the animation and scrolling has reached it's destination and completed, the document scrolling and scrollbar seem to disable for a few seconds. For example, if click a "Go to bottom of page" link, my document window will scroll to the bottom of the page correctly. As soon as I try to scroll back up, it jiggles a bit up and down in a jittery motion and allows me to scroll a few tries later.

关于什么可能导致这种情况的任何提示?

Any tips on what might be causing this?

推荐答案

这个线程很旧，但是我遇到了这个问题，在任何地方都没有答案，但这是一个解决方案:

This thread is old, but I ran into this and there arent answers anywhere, but here is a solution:

$(window).bind("mousewheel", function() {
    $("html, body").stop();
});

如果用户在执行动画时使用滚动条，则会停止动画.

if the user uses the scrollbar while the animation is executing, it stops the animation.

这篇关于Scrolltop动画后的滚动/滚动条锁定的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！