jQuery实现快速平滑回到顶部详解编程语言

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

// 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; 
    }); 
});

原创文章,作者:Maggie-Hunter,如若转载,请注明出处:https://blog.ytso.com/8642.html

(0)
上一篇 2021年7月18日
下一篇 2021年7月18日

相关推荐

发表回复

登录后才能评论