定义好指定的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程序设计有所帮助。
在那链接后面添加锚点,比如你现在的链接是<a href="linus.html">联系我们</a>;在链接地址的地方追加你的锚点信息就好;比如<a href="linus.html#锚点名称">联系我们</a>