jQuery Scroll (jQuery平滑滚动) 插件

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

新!无需插件实现 jQuery 平滑滚动!!

jqScrollFunction

 

想要一看个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'); } );

 

谢谢收看。

随机推荐