AnimateScroll.js 是一个简单的jQuery插件,它用来为滚动增加延迟效果. 可以自定义滚动样式(30多种滚动效果)和滚动速度. 还有一个可以操纵滚动结束位置的padding选项,这个插件不局限于整个页面,某个特定的包裹元素也可以作为其目标.
(兼容测试:IE8及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
1、调用CSS样式:
<link rel="stylesheet" type="text/css" href="css/custom.css" />
2、调用JS插件代码:
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/animatescroll.js"></script>
3、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。