jquery滚动锚点 需要引用哪些js

JavaScript013

jquery滚动锚点 需要引用哪些js,第1张

可以不用引用外部的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程序设计有所帮助。

在那链接后面添加锚点,比如你现在的链接是<a href="linus.html">联系我们</a>;在链接地址的地方追加你的锚点信息就好;比如<a href="linus.html#锚点名称">联系我们</a>