文件名称:自定义滚动条插件分享
文件大小:73KB
文件格式:ZIP
更新时间:2016-08-22 09:53:10
自定义滚动条
javascript面向对象编写, 用jQuery包装 使用方法: 1.引用jquery库和customScroll.js 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;}
【文件预览】:
scroll.html
jquery-1.7.2.js
customScroll.js