这是我的HTML,首先是<div id="tablebody">
,我使用了一个脚本,在这些div中添加<tr>
内容,其css属性为“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>