Jquery本身可以实现滚的功能,不过有点太粗糙,与其说是滚,还不如是跳。因此需要一些插件来去实现平滑的滚动的效果。最近做wiki发现了几个不错的插件。jquery.smooth-scroll就是很不错的一款实现此功能的插件。
插件信息
官网:https://github.com/kswedberg/jquery-smooth-scrollDemo:http://plugins.learningjquery.com/smooth-scroll/demo/
使用步骤
1、引入以下的js和css文件
1
2
|
< script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" ></ script >
< script src = "../src/jquery.smooth-scroll.js" ></ script >
|
1
2
3
4
5
6
7
|
$(function(){
$("#btn").click(function(){
$('a').smoothScroll({
|