1. 必须引用的文件:
jquery.js,scrollBar.js,scrollBar.css;
2. 初始化:
1) jquery选择器
.scrollBar();//这是最基本的初始化方法,滚动条为默认的样式
2) jquery选择器
.scrollBar({ barWidth: 10, //滚动条的宽度(这里根据需要写数值即可,不设置是10,即默认10px) position: "x,y", //写“x”代表只出水平滚动条,写“y”表示只出垂直滚动条,写“x,y”则出水平和垂直滚动条(只有在内容超出容器时才出现滚动条) wheelDis: 15 //滚轮滚动一次向下或向上滚动的距离,默认是15,可根据需要修改数值 });
3) 说明:本滚动条插件在初始化后会在内容超出容器后自动出现,当内容过少时不会出现滚动条!
<div class="scrollBox"> <div class="contentBox1"> </div> <div class="contentBox1"> <div class="scrollBox"></div> </div> </div>
子集加一个class:scrollBox,滚动条不动了。怎么解决。
.scrollBar({ barWidth: 10, //滚动条的宽度(这里根据需要写数值即可,不设置是10,即默认10px) position: "x,y", //写“x”代表只出水平滚动条,写“y”表示只出垂直滚动条,写“x,y”则出水平和垂直滚动条(只有在内容超出容器时才出现滚动条) wheelDis: 15 //滚轮滚动一次向下或向上滚动的距离,默认是15,可根据需要修改数值 });回复