jQuery实现平滑滚动到指定锚点的方法教程
程序员文章站
2022-03-16 15:20:51
本文实例讲述了jquery实现平滑滚动到指定锚点的方法。分享给大家供大家参考。具体如下:
定义好指定的anchor锚点,调用下面的js代码可以让页面平滑的滚动到指定的位置,非常实...
本文实例讲述了jquery实现平滑滚动到指定锚点的方法。分享给大家供大家参考。具体如下:
定义好指定的anchor锚点,调用下面的js代码可以让页面平滑的滚动到指定的位置,非常实用,比如返回页面顶部,去往页面底部等功能
// 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; }); });
希望本文所述对大家的jquery程序设计有所帮助。