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

插件描述:本插件会将容器中滚动条样式进行统一,通过修改css任意改变滚动条的宽度与颜色,实现自定义滚动条的目的。
使用方法:
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) 说明:本滚动条插件在初始化后会在内容超出容器后自动出现,当内容过少时不会出现滚动条!
评论