位置: 编程技术 - 正文
jQuery实现简单滚动动画效果(jquery设置滚动条)
编辑：rootadmin推荐整理分享jQuery实现简单滚动动画效果(jquery设置滚动条)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:jquery滚动,jquery滚轮事件,jquery滚动条事件,jquery滚动事件,jquery div滚动条,jquery div滚动条,jquery滚动条滚动事件,jquery滚动,内容如对您有帮助，希望把文章链接给更多的朋友！
动画的思路很简单，点击页面上一个元素，页面滚动到指定位置。下面介绍一下我3个小时百度的研究成果：
首先是html部分：
先添加两个<a>元素作为按钮。然后对<a>元素进行补充：
href="javascript:;"大概意思是说a元素可以激活js代码。如果不加则代码无效。使用<button>则无需添加。接着引入jquery和写入代码：
需要注意:
1、写入的代码最好在引入的jquery语句下方
2、id一定要和<a>元素对应
3、"html,body"代表整体移动
4、({scrollTop:'px'},);前面的数值是移动距离，后面的数值是动画时间（单位是毫秒）
做到这一步代码就能运行了。
下面详细的解析一下jquery代码：
上一篇：jQuery实现内容定时切换效果完整实例(jquery设置定时器)