javascript - 返回顶部按钮问题(可能)？

Question

我正在处理的网页上显示了一个返回顶部按钮。当您向下滚动时，有时单击它时，它会跳到顶部，然后跳回您在页面上的位置，然后像预期的那样平滑滚动到顶部。请记住，它并不总是这样做。这只是一个滞后或故障问题还是我的脚本中有一些错误？

    $(function(){

    $(document).on( 'scroll', function(){

        if ($(window).scrollTop() > 615) {
            $('.ion-android-arrow-dropup-circle').addClass('show');
        } else {
            $('.ion-android-arrow-dropup-circle').removeClass('show');
        }
    });

    $('.ion-android-arrow-dropup-circle').on('click', scrollToTop);
});

function scrollToTop() {
    verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0;
    element = $('body');
    offset = element.offset();
    offsetTop = offset.top;
    $('html, body').animate({scrollTop: offsetTop}, 500, 'linear');
};

搜索了 40 多个问题，但找不到答案。之所以这么说，是因为如果你不这样做，而有人找到了，他们总是会说:“你应该在问之前先看一下。”我一直看到它。

Answer 1

回答我自己的问题

在这么长时间没有得到回复后，我已经继续前进，并决定当时不担心这个问题。今天，我在另一个网站上使用相同的 jQuery 脚本，并且遇到了同样的问题。由于找不到有关该问题的帮助，我决定尝试自己修复它。

解决方案很简单!我不知道我第一次是怎么错过的。我所做的就是获取上面的代码并向其中添加一个函数:

$('.ion-android-arrow-dropup-circle').click(function(event) {
        event.preventDefault()
    });

我忘记了需要删除单击跳转到目的地的链接的默认操作。现在它工作起来非常流畅，看起来很棒，就像我一开始想要的那样!

我完全更新的脚本供您引用:

$(function(){
    $(document).on( 'scroll', function(){

    if ($(window).scrollTop() > 50) {
        $('.ion-eject').addClass('show');
    } else {
        $('.ion-eject').removeClass('show');
    }
});

    $('.ion-eject').click(function(event) {
            event.preventDefault()
        });
    $('.ion-eject').on('click', scrollToTop);
});

function scrollToTop() {
    verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0;
    element = $('body');
    offset = element.offset();
    offsetTop = offset.top;
    $('html, body').animate({scrollTop: offsetTop}, 200, 'linear');
};