平滑滚动到锚点

来源:互联网 发布:购物网站源码 编辑:程序博客网 时间:2024/05/21 09:27
这个功能很常见,在网站底部添加一个让访客快速回到页面顶部的功能,下面是实现这个功能的示例代码:
 
// 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;    });});

0 0
原创粉丝点击