Trung tâm cá nhân
sách gpt4 ai đã đi

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

In lại 作者：行者123 更新时间：2023-12-03 08:14:10 31 4
mua khóa gpt4 Nike

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

    $(function(){

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

        if ($(window).scrollTop() > 615) {
            $('.ion-android-arrow-dropup-circle').addClass('show');
        } khác {
            $('.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 多个问题，但找不到答案。之所以这么说，是因为如果你不这样做，而有人找到了，他们总是会说:“你应该在问之前先看一下。”我一直看到它。

1 Câu trả lời

回答我自己的问题

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

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

$('.ion-android-arrow-dropup-circle').click(function(event) {
        sự kiện.preventDefault()
    });

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

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

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

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

    $('.ion-eject').click(function(event) {
            sự kiện.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');
};

关于javascript - 返回顶部按钮问题(可能)？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34023317/

31 4 0
Bài viết được đề xuất: javascript - 如何在 jQuery 浏览器中安排用户赢得或输掉游戏时播放音频
Bài viết được đề xuất: javascript - null 不是对象 - jQuery + leaflet
Bài viết được đề xuất: javascript - 查找 ng-repeat 生成的列数
Bài viết được đề xuất: javascript - 文件夹的工具提示
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Các bài viết nóng hổi trên toàn bộ trang web
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com