jQuery实现平滑滚动到指定锚点的方法
作者:令狐不聪
这篇文章主要介绍了jQuery实现平滑滚动到指定锚点的方法,实例分析了jQuery根据锚点定位滚动的技巧,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
您可能感兴趣的文章:
- jquery 点击元素后,滚动条滚动至该元素位置的方法
- jquery实现的图片点击滚动效果
- 基于jquery实现点击左右按钮图片横向滚动
- 一个JQuery写的点击上下滚动的小例子
- JQuery获取元素尺寸、位置及页面滚动事件应用示例
- JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- js,jquery滚动/跳转页面到指定位置的实现思路
- jQuery实现将div中滚动条滚动到指定位置的方法
- 使用jquery animate创建平滑滚动效果(可以是到顶部、到底部或指定地方)
- 通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位
- 利用jquery制作滚动到指定位置触发动画
- jQuery实现点击滚动到指定元素上的方法分析
