jQuery实现“返回网页顶部”“直达网页底部”功能具体代码

2023-4-21

返回网页顶部和直达网页底部这个需求在做网页的时候经常遇到，今天给大家分享一下jQuery的实现方法。

一，使用jQuery实现“返回网页顶部”功能的具体代码。

$(selector).click(function(){
    $("html,body").animate({
        scrollTop: 0
    }, 800);
    return false;
});

二，使用jQuery实现“直达网页底部”功能的具体代码。

$(selector).click(function(){
    $("html,body").animate({
        scrollTop: $(document).height()
    }, 800);
    return false;
});

THE END