通过jquery的animate()方法可以让li平滑滚动。(selector).animate(styles，speed，easing，callback)style： 规定产生动画效果的 CSS 样式和值。speed： 规定动画的速度。默认是 normal。
创新互联2013年开创至今，先为昌都等服务建站，昌都等地企业，进行企业商务咨询服务。为昌都企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
本文实例讲述了jQuery实现平滑滚动页面到指定锚点链接的方法。分享给大家供大家参考。
我们通过js控制 ul 标签的margin 来实现滚动。横向滚动则是控制 margin-left ； 纵向滚动则是控制 margin-top；初始状态时，我们还要进行条件判断，判断是否进行滚动。
btn是你的按钮。div是要移动的div 你可以写他们的id或着class名 。
首先新建一个html文件，命名为test.html，在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。在test.html文件内，使用button标签创建一个按钮，按钮名称分别为“刷新页面”。
执行yidong（）函数。在js标签中，创建yidong()函数，在函数内，通过class(content)获得div对象，使用animate()方法让div在1秒内向左移动100px。最后在浏览器打开test.html文件，点击按钮，查看实现的效果。
首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
新建html文档。书写hmtl代码。书写css代码。* { margin： 0； padding： 0； list-style： none； }img { border： none； }body { font-family： Arial， Helvetica， sans-serif； }。书写并添加js代码。
(selector).scrolltop(offset)可以设置滚动条位置。
假设首先有一个div，内容区域超出了这个div，出现了竖向滚动条 $(div).scrollTop(number)；//用jquery的scrollTop方法，传入的参数是你想设置的滚动条滚动的距离，也就是滚动条距离顶部的距离，就可以了。
前置条件：div作为盒子限制高度，并设置overflow：auto。
