ここに私の HTML があります。最初に、 「」の css プロパティを持つこれらの div 内にコンテンツ<div id="tablebody">
を追加するスクリプトを使用しました。<tr>
overflow:auto
mCustomScrollbar
コンテンツが内部にオーバーフローすると、デフォルトでスクロールバーが常に表示されます。これは、呼び出したスクリプトからカスタマイズされたものであるはずでした。
divのスクロールバーを起動する方法がわかりません..
<html>
<head>
<title>Admin</title>
<link rel ="stylesheet" type="text/css" href="css/admin.css"/>
<link rel="stylesheet" type="text/css" href="jquery.mCustomScrollbar.css"/>
<script src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.2.custom.js"></script >
<!--script of the plugin-->
<script src="jquery.mCustomScrollbar.concat.min.js"></script>
<script>
(function($){
$(window).load( function(){
$('#tablebody').mCustomScrollbar({
scrollButtons:(enable:true),
autoHideScrollbar:true
});
});
)}(jquery);
</script>
</head>
<body>
<div id="tablebody"> <!--css{overflow:auto}-->
<table id="inv_data">
<tbody id="data_content"></tbody> <!--appending <tr>-->
</table>
</div>
</body>
</html>