简洁的jQuery滚动条插件scrollBar.js

插件特效
2026-07-25 22:28 4 次浏览 • 0 次下载 13.7KB
简洁的jQuery滚动条插件scrollBar.js

使用方法:

1. 必须引用的文件:

1
jquery.js,scrollBar.js,scrollBar.css;

2. 初始化:

1) jquery选择器

1
.scrollBar();//这是最基本的初始化方法,滚动条为默认的样式

2) jquery选择器

1
2
3
4
5
.scrollBar({
barWidth: 10, //滚动条的宽度(这里根据需要写数值即可,不设置是10,即默认10px)
position: "x,y", //写“x”代表只出水平滚动条,写“y”表示只出垂直滚动条,写“x,y”则出水平和垂直滚动条(只有在内容超出容器时才出现滚动条)
wheelDis: 15 //滚轮滚动一次向下或向上滚动的距离,默认是15,可根据需要修改数值
});

3) 说明:本滚动条插件在初始化后会在内容超出容器后自动出现,当内容过少时不会出现滚动条!