平滑滚动到锚点

最新推荐文章于 2023-11-02 11:05:26 发布

FeiChuanJianXin

最新推荐文章于 2023-11-02 11:05:26 发布

阅读量777

点赞数

分类专栏： 1

本文链接：https://blog.csdn.net/onlinecodesample/article/details/22448203

版权

1 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

这个功能很常见，在网站底部添加一个让访客快速回到页面顶部的功能，下面是实现这个功能的示例代码：

// HTML:
// <h1 id="anchor">Lorem Ipsum</h1>
// <p><a href="#anchor" class="topLink">Back to Top</a></p>
 
$(document).ready(function() {
    $("a.topLink").click(function() {
        $("html, body").animate({
            scrollTop: $($(this).attr("href")).offset().top + "px"
        }, {
            duration: 500,
            easing: "swing"
        });
        return false;
    });
});