• Page 1 of 1
  • 1
Share some JS on Scroller 滚动条js分享
先分享两个简单的吧

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还有很多其他的功能,比如全页面滚动提到浏览器滚动条等,可以打开上面的链接到他们网站上去看(英文要懂)。
  • Page 1 of 1
  • 1
Search: