首先非常感谢网友涛涛的无私分享,此作品是他分享到jquery学堂1群的群共享里面的,觉得非常实用就整理分享到JquerySchool网站上,可以让更多的网友们用上,实现了自定义美化滚动条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滚动条插件 mCustomScrollbar