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

所属分类:UI-滚动

 2519  12  查看评论 (0)
jQuery自定义滚动条插件scrollBar.js ie兼容8

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

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

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);
},

注释掉

相关插件-滚动

自定义滚动条

自定义滚动条,实现滚轮滚动内容
  滚动
 26395  117

jQuery电商网站楼层滚动定位

jQuery电商网站楼层滚动定位
  滚动
 30816  310

CSS3 滚动视觉差效果加返回顶部

CSS3 滚动视觉差效果+返回顶部.
  滚动
 18455  103

简洁的jQuery滚动条插件scrollBar.js

本插件会将容器中滚动条样式进行统一,通过修改css任意改变滚动条的宽度与颜色,实现自定义滚动条的目的。
  滚动
 13340  53

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币

取消回复
  短信接口