自定义滚动条插件分享

javascript面向对象编写, 用jQuery包装 使用方法: 1.引用jquery库和customScroll.js <script src="jquery-1.7.2.js"></script> <script src="customScroll.js"></script> 2.调用 scrolls(参数1，参数2,可选参数) 参数1:需要把滚动条插入哪个容器里面(该容器必须是限定宽高有overflow:hidden) 参数2：需要滚动的元素 可选参数: { bgHeight:滚动条父级的高度(在bottom下可以设置这个属性) bgWidth:滚动条父级的宽度(在right下可以设置这个属性) direction:滚动条的位置(right或者bottom) distance:滚动的距离 axle:滚动的方向(left,top) } 3.样式(此样式是滚动条样式，可以尝试更改，但样式名不用更改) .scroll_bg{background:#0F0;position:absolute; z-index:999;right:0;display:none;} .scroll_bg .scroll_tiao{height:10px;background:#F00; z-index:1000;width:100%;position:absolute;left:0;top:0;}