1

私は次のJQUERYを使用して、ヘッダー内のリンクに偶数を添付しています。これは基本的にページの一番下までスクロールします。

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

問題は、ページの一番下までスクロールすることです（これは正しいです）が、少し上にスクロールしようとすると、スクロールバーが少しロックされているかのようにジャンプします。

何か案は？

4

3 に答える 3

3

return false;click（）関数の最後に追加してみてください。また、scrollToは、htmlとbodyの両方ではなく、「body」に対してのみ試してください。それはおそらく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 に答える