1、实现思路：先静态布局好HTML结构，使用伪类：hover模拟动画效果，再使用jQuery 控制动画类名的切换来实现效果！主要判断滚动的方向，以及相应方向上加载动画的时机（即何时才加载动画的判断条件！关键点！）。
创新互联公司长期为近千家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为鱼台企业提供专业的网站设计制作、网站建设，鱼台网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。
2、新建html文档。书写hmtl代码。书写css代码。* { margin： 0； padding： 0； list-style： none； }img { border： none； }body { font-family： Arial， Helvetica， sans-serif； }。书写并添加js代码。 。
3、在js标签内，使用scroll()方法监听页面的滚动条，并执行function方法。
在js标签内，使用scroll()方法监听页面的滚动条，并执行function方法。
首先，我们拉动滚动条，从最上面拉到最下面，变化的是scrollTop的值，而这个值是有一个区间的。
首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
首先，打开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代码。
假设首先有一个div，内容区域超出了这个div，出现了竖向滚动条 $(div).scrollTop(number)；//用jquery的scrollTop方法，传入的参数是你想设置的滚动条滚动的距离，也就是滚动条距离顶部的距离，就可以了。
前置条件：div作为盒子限制高度，并设置overflow：auto。
(selector).scrolltop(offset)可以设置滚动条位置。
可以设置div的scrollTop值。div当中有滚动的时候，设置scrollTop可以滚动到指定的滚动顶部位置。如果需要动画，可以使用css3的过渡或者动画函数，jquery可以用animate函数。
1、本文实例讲述了jQuery实现将div中滚动条滚动到指定位置的方法。
2、平滑滚动是指在页面内滚动的行为，在网页中，我经常会看到诸如“返回顶部”之类的按钮，这就是使用平滑滚动实现的，接下来的这篇文章我们就来介绍使用jQuery实现平滑滚动的方法。
3、新建一个html文件，命名为test.html。在test.html文件内，使用div标签创建一个模块，并设置其id为mycss。在css标签内，定义div的样式，设置其宽度为100px，高度为2000px，背景颜色为粉红色。
4、jquery在rd中显示滚动条可以用div+css方式实现。调用 overflow-y： scroll；样式就会出现滚动条。
5、}})})；jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。
6、在css标签内，定义div的样式，设置其宽度为100px，高度为2000px，背景颜色为粉红色。在js标签内，使用scroll()方法监听页面的滚动条，并执行function方法。