做切图的时候，找插件一定要找主流的 强大的，你是否是这样呢？  主流的话相关资料全面 可查，强大的话可以满足 不同情况的使用，也可以最大化的利用。因为熟悉一个插件的成本也挺高，把一个插件研究透了 能满足适应所有情况 是最好的。下面推荐的是这么一款插件 ——滚动条美化 增强插件jquery.mCustomScrollbar 附代码及用法。

<!– Google CDN jQuery with fallback to local –>
<script src=”jquery-1.7.2.min.js”></script>

<!– custom scrollbar plugin –>
<script src=”jquery.mCustomScrollbar.concat.min.js”></script>

<script>
(function($){
$(window).on(“load”,function(){

$(“.mCS_bar”).mCustomScrollbar({
// theme:”minimal”,
// theme:’rounded’,
// theme:’rounded-dark’,
theme:’rounded-dots’,
setWidth: false,
setHeight: false,
setTop: 0,
setLeft: 0,
axis: “y”,
scrollInertia:0,
scrollbarPosition: “inside”,
autoDraggerLength:false,
autoExpandScrollbar:true,
alwaysShowScrollbar:2,
mouseWheel:{
enable:true,
scrollAmount:10,
preventDefault:true,
//invert:true,
},
scrollButtons:{
enable:false,
scrollType:”continuous”,
scrollSpeed:20,
scrollAmount:40
},
advanced:{
updateOnBrowserResize:true,
updateOnContentResize:false,
autoExpandHorizontalScroll:false,
autoScrollOnFocus:true
},
callbacks:{
onScrollStart:function(){},
onScroll:function(){},
onTotalScroll:function(){},
onTotalScrollBack:function(){},
onTotalScrollOffset:0,
whileScrolling:false,
whileScrollingInterval:30
}
});

});
})(jQuery);

el=$(“.mCS_bar”);

$(‘#update’).click(function(){
$(‘.mCS_bar’).append(‘<p>111111111111111111</p>’);

//el.mCustomScrollbar(“update”);

//el.mCustomScrollbar(“disable”);

el.mCustomScrollbar(“destroy”);
el.mCustomScrollbar();
})

$(‘#destroy’).click(function(){
el.mCustomScrollbar(“destroy”);
})
$(‘#goto’).click(function(){
$(“.mCS_bar”).mCustomScrollbar(“scrollTo”,50);
})
$(‘#goto_bottom’).click(function(){
$(“.mCS_bar”).mCustomScrollbar(“scrollTo”,’bottom’);
})
$(‘#goto_50′).click(function(){
$(“.mCS_bar”).mCustomScrollbar(“scrollTo”,’50%’);
})
$(‘#goto_add’).click(function(){
$(“.mCS_bar”).mCustomScrollbar(“scrollTo”,’-=100′);
})
$(‘#goto_el’).click(function(){
$(“.mCS_bar”).mCustomScrollbar(“scrollTo”,$(‘#demo’).find(‘.mCSB_container’).find(‘p:eq(3)’));
})
</script>

标签：jquery.mCustomScrollbar, 滚动条, 滚动条插件