jQuery Scroll (jQuery平滑滚动) 插件

原文转自：http://blog.netsh.org/posts/jquery-scroll_690.netsh.html#

这里是官网的链接：http://demos.flesler.com/jquery/scrollTo/

scrollTo还有很多别的丰富的功能，可以从demo中窥得一二。

是不是很想实现页面平滑滚动的效果呢？既美观又不唐突，而且还能自己控制速度，岂不是一个很好的效果吗？还好我们有强大的jQuery以及他的插件们，这样武装起来，特效什么的就太简单不过了。

 

想要一看个demo么

如果你在看这篇文章没在首页，你应该注意到了文章顶端的这个分享条；你可以点点评论链接，或者这里试试，看看是不是平滑滚动到了评论栏呢？

需要jQuery库

作为jQuery插件，就肯定需要jQuery库，推荐使用Google提供的CDN:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>

这样子便引用了jQuery库，才可以使用平滑滚动插件。

jQuery Scroll (jQuery平滑滚动) 插件

请到这里下载这个插件，并上传到服务器某个地方。在至少引用jQuery后的某一个位置加入：

<script src="jqScroll.js" type="text/javascript"></script>

便完成了jQuery Scroll插件的引用。下面是使用方法。

使用方法$.scrollTo

使用方法和jQuery本身函数一样简单：

$.scrollTo ( selector,speed, callbackfunction );

其中，要实现平滑滚动的话selector和speed是不可少的，selector是jQuery标准的元素选择器，speed是毫秒，即滑动时间。比如：

$.scrollTo ( '#header' , 1000, function(){ window.alert('OK'); } );

 

谢谢收看。