JQUERY，scrollTo，向下滚动后，页面不允许我向上滚动一秒钟...Y？

发布于 2024-09-03 21:56:47 字数 255 浏览 4 评论 0原文

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

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

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

有什么想法吗？

原文

I'm using the following JQUERY to attach an even to a link in the header, which essentially scrolls to the bottom of the page:

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

Problem is, that it scrolls all the way to the bottom of the page (which is correct), but then when I try to scroll up a tad, the scroll bar jumps, as if it's locked for a little bit.

Any ideas?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

谁人与我共长歌 2024-09-10 21:56:48

尝试在 click() 函数末尾添加 return false; 。另外，尝试仅滚动到“body”，而不是同时滚动到 html 和 body。这可能会让scrollTo 感到困惑。

回复收藏 0 原文

春风十里 2024-09-10 21:56:48

尝试使用 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;
});

Try to trace your click using console.log, most likely your element is being clicked multiple times.

Also, if you have on scroll capturing the position make sure that the on click is outside of the on scroll. That's how I fixed this same issue.

$(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;
});

回复收藏 0 原文