投稿 搜索

热搜词

热门文章

当前位置: 站长天下 / 界面UI滚动 / jQuery自定义滚动条插件支持IE9
jQuery自定义滚动条插件支持IE9
标签:

插件介绍

    jQuery自定义滚动条插件支持IE9及以上,360,谷歌,火狐的自定义滚动条,可以设置滚动条的初始位置以及滚动条的颜色等。

    浏览器兼容性

    浏览器兼容性
    时间:2018-06-21
    阅读:

jQuery自定义滚动条插件支持IE9

简要教程

jQuery自定义滚动条插件支持IE9及以上,360,谷歌,火狐的自定义滚动条,可以设置滚动条的初始位置以及滚动条的颜色等。

最外层的容器必须相对定位,便于里面的元素绝对定位
参数分别为,滑块的初始高度initTop,和滑块的颜色huakuaiColor
第一个参数为12px或者20%的格式
最外层的容器可以任意写class和ID名。
然后里面包着一层div, <div></div>。
再里面包着一层div <div></div>

使用方法

在页面引入index2.js文件

<script src="js/index2.js" type="text/javascript"></script>
$(function(){
    //参数分别为,滑块的初始高度initTop,滑块的颜色huakuaiColor
    $('.scroll_box1').customScrollbar('0px');
    $('.scroll_box2').customScrollbar('35px','#7197eb');
    $('.scroll_box3').customScrollbar('51%','#fe6600');
})