一个自定义美化滚动条jquery插件(多个演示实例)

发布时间:2020-11-28编辑:脚本学堂
分享一个jquery滚动条插件代码,用jquery插件美化页面中滚动条样式,可以设置滚动条的滚动方向,全屏滚动还是iframe滚动,并可以设置最小宽度与高度等,非常不错。

自定义美化滚动条jquery插件

此款jquery滚动条插件,实现了自定义美化滚动条jquery插件,主要用了jquery滚动条插件jquery.mCustomScrollbar.js。

附件中一共带有26个不同功能的demo,大家可以参考学习下。

包括了以下功能:
1、上下方向的滚动
2、左右方向的滚动
3、自动滚动
4、鼠标悬浮出现滚动条
5、键盘控制滚动
6、文本域滚动
7、全屏滚动
8、iframe滚动
9、最小高度出现滚动
10、最小宽度出现滚动

插件的初始化jquery代码:
 

复制代码 代码示例:
(function($){
$(window).load(function(){
$("#content_1").mCustomScrollbar({
scrollButtons:{
enable:true
}
});
});
})(jQuery);

jquery滚动条插件,效果如下:
jquery滚动条插件

附,下载地址