|
   |
| Forum » Wonder Study 寓教于乐 » Wonder Effect js/as/css分享 » Share some JS on Scroller 滚动条js分享 |
| Share some JS on Scroller 滚动条js分享 |
Date Sa, 2012-10-13, 13:01 | Msg 1
 
先分享两个简单的吧
Tiny Scrollbar demo & download 介个的特点便是tiny，想要功能也大多能够满足。使用方法如下： 1. 引用下载的js（位于jQuery之后哦） 2. 引用下载的css 3. css中用到的相关图片的路径要弄好 4. 在页面里加入代码 $('#scrollbar1').tinyscrollbar(); 这样便搞定了，试试效果吧 ------------------------------ 分割线 ------------------------------ jScrollpane demo & download 介个大家也许有接触过，功能比较全面，相比上一个多了一个专门针对鼠标滚轮的js，不过是非必须的。使用方法如下： 1. 引用下载的mousewheel.js（可以不用，位于jQuery之后哦） 2. 引用下载的jscrollpane.js（位于jQuery之后哦） 3. 引用下载的css 4. 加入如下代码： Code $(function() { $('.scroll-pane').jScrollPane(); }); 搞定，也很简单是吧。除了普通滚动条的功能外，jScrollpane还有很多其他的功能，比如全页面滚动提到浏览器滚动条等，可以打开上面的链接到他们网站上去看（英文要懂）。  |
| |||
| |||
