jQuery实现平滑滚动到指定锚点的方法
本文实例讲述了jQuery实现平滑滚动到指定锚点的方法。分享给大家供大家参考。具体如下:
定义好指定的anchor锚点,调用下面的js代码可以让页面平滑的滚动到指定的位置,非常实用,比如返回页面顶部,去往页面底部等功能
//HTML: //<h1id="anchor">LoremIpsum</h1> //<p><ahref="#anchor"class="topLink">BacktoTop</a></p> $(document).ready(function(){ $("a.topLink").click(function(){ $("html,body").animate({ scrollTop:$($(this).attr("href")).offset().top+"px" },{ duration:500, easing:"swing" }); returnfalse; }); });
希望本文所述对大家的jQuery程序设计有所帮助。