1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
创新互联从2013年创立，先为海阳等服务建站，海阳等地企业，进行企业商务咨询服务。为海阳企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
2、(selector).scrolltop(offset)可以设置滚动条位置。
3、新建html文档。书写hmtl代码。书写css代码。* { margin： 0； padding： 0； list-style： none； }img { border： none； }body { font-family： Arial， Helvetica， sans-serif； }。书写并添加js代码。
4、假设首先有一个div，内容区域超出了这个div，出现了竖向滚动条 $(div).scrollTop(number)；//用jquery的scrollTop方法，传入的参数是你想设置的滚动条滚动的距离，也就是滚动条距离顶部的距离，就可以了。
5、div作为盒子限制高度，并设置overflow：auto。
如是我就找出了如下神奇的代码：仅用CSS实现滚动效果~~ #fixed{position：fixed；} 滚动 完了，就这个属性就搞定滚动了，真想骂人了。
当浏览器滚动条滚动时会触发 onscroll 事件，通常情况下指上下滚动条滚动。需要注意的是，浏览器一旦检测到滚动条发生滚动，就可以触发 onscroll 事件，而无需等到滚动行为结束。
本文要探讨的是，当这两个容器元素的内容都超出了容器高度，即都出现了滚动框的时候，如何在其中一个容器元素滚动时，让另外一个元素也随之滚动。
通过jquery的animate()方法可以让li平滑滚动。(selector).animate(styles，speed，easing，callback)style： 规定产生动画效果的 CSS 样式和值。speed： 规定动画的速度。默认是 normal。
本文实例讲述了jQuery实现平滑滚动页面到指定锚点链接的方法。分享给大家供大家参考。
我们通过js控制 ul 标签的margin 来实现滚动。横向滚动则是控制 margin-left ； 纵向滚动则是控制 margin-top；初始状态时，我们还要进行条件判断，判断是否进行滚动。
可以给你提供一点思路，jquery有个方法animate动画效果。
首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。