あなたのウェブサイトにjQuery Custom Scrollbarプラグインを試すことができます。
デモを見る
利用方法:
に以下を含める<head>
:
<link href="path-to-latest/custom-scrollbar-plugin/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
<script src="path-to-latest/jquery/1.7/jquery.min.js"></script>
<script src="path-to-latest/jqueryui/1.8/jquery-ui.min.js"></script>
<script src="path-to-latest/custom-scrollbar-plugin/jquery.mousewheel.min.js"></script>
<script src="path-to-latest/custom-scrollbar-plugin/jquery.mCustomScrollbar.js"></script>
<script>
(function($){
$(window).load(function(){
$("#content_1").mCustomScrollbar({
scrollButtons:{
enable:true
}
});
});
})(jQuery);
</script>
コンテンツは次の中にある必要があります<div>
。
<div id="content_1" class="content">
/* Your content */
</div>
フィドルの例を見る