jQuery自定义滚动条插件scrollBar.js

所属分类：UI-滚动

36183 327 查看评论 (4)

分享到微信朋友圈

查看演示立即下载

插件描述：实现滚动条自定义修改样式，支持鼠标点击滚动、滚轮滚动

代码注释很全，可通过简单的修改样式来改变滚动条外观。

滚动条内容、滚动条、滚动滑块的样式类名

contentSelector: '.scroll_cont', //滚动内容区
barSelector: '.scroll_bar', //滚动条
sliderSelector: '.scroll_slider' //滚动滑块

如果想自己设定滚动条滑块高度，请将scrollBar.js内的

// 获取内容来定义滑块的高度
this._initSliderHeight();
// 根据内容来定义滑块的高度
    _initSliderHeight: function() {
     var rate = this.$cont.height()/this.$cont[0].scrollHeight;
     var sliderHeight = rate*this.$bar.height();
     this.$slider.css('height',sliderHeight);
},

注释掉

jQuery响应式带进度步骤向导布局

jQuery搜索框输入下拉文字高亮显示