jQuery实现简单滚动动画效果_jquery

首先是html部分：

顶部
中部
...
持续添加直到出现滚动条
...

先添加两个元素作为按钮。然后对元素进行补充：

顶部
中部
...
持续添加直到出现滚动条
...

href="javascript:;"大概意思是说a元素可以激活js代码。如果不加则代码无效。使用则无需添加。
接着引入jquery和写入代码：

需要注意:

1、写入的代码最好在引入的jquery语句下方

2、id一定要和元素对应

3、"html,body"代表整体移动

4、({scrollTop:'600px'},300);前面的数值是移动距离，后面的数值是动画时间（单位是毫秒）

做到这一步代码就能运行了。

下面详细的解析一下jquery代码：