1

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

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

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

有任何想法吗？

4

3 回答 3

3

尝试return false;在 click() 函数的末尾添加。此外，尝试仅滚动到“正文”，而不是 html 和正文。这可能会使scrollTo感到困惑。

于 2010-05-31T03:12:01.353 回答
3

尝试使用 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;
});
于 2016-02-04T23:00:28.367 回答
0

让点击事件脱离滚动功能对我有用

于 2017-10-03T13:41:55.043 回答