Question

我正在使用以下JQUERY将偶数附加到标题中的链接，该链接基本上滚动到页面的底部：

$('#comment-count-btn').click(function(){
    $('html,body').scrollTo('#comment-wrapper', 500);
});

问题是，它一直滚动到页面底部（这是正确的），但是当我尝试向上滚动时，滚动条会跳跃，好像它被锁定一点点。 / p>

有什么想法吗？

Answer 1

尝试在click（）函数的末尾添加return false;。另外，尝试scrollTo只到'body'而不是html和body。它可能会让scrollTo感到困惑。

Answer 2

尝试使用console.log跟踪您的点击，很可能多次点击您的元素。

此外，如果您有滚动捕捉位置，请确保点击时在滚动之外。这就是我如何修复同样的问题。

$(window).on('scroll', function()){
    if (scrollTop.length > 0) {
        if ($(this).scrollTop() > 500) {
            scrollTop.fadeIn();
        } else {
            scrollTop.fadeOut();
        }
    }
}

// the click event has to be outside of the scroll event
scrollTopButton.click(function() {
    $("html,body").animate({
        scrollTop: 0
    }, 1000);
    return false;
});

Answer 3

滚动功能中的click事件对我有用

JQUERY，scrollTo，向下滚动后，页面不会让我向上滚动一秒...... Y？

3 个答案: