mCustomScrollbar jquery plugin

Asked May 04 '13 at 02:20

Active Sep 13 '15 at 02:12

Viewed 4,363 times

Here's my HTML, first the <div id="tablebody">, I used a script that appends a <tr> content inside these div which has a css property of "overflow:auto".

Once the contents have overflowed inside, the scroll-bar always appeared by default which was supposed to be the customized one from mCustomScrollbar from the script I called.

I don't know how to make it fires the div's scroll-bar..

<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>

edited Sep 13 '15 at 02:12

Matías Cánepa

5,770
4
57
97

asked May 04 '13 at 02:20

GHillian L Mendivil

and where is `m` defined? – Ryan May 04 '13 at 02:37
sorry i got mistaken that was mCustomScrollbar – GHillian L Mendivil May 04 '13 at 02:47
Have you tried calling it from within $(document).ready() ? – verism May 04 '13 at 03:10
yes i've tried that,, but also didn't worked – GHillian L Mendivil May 04 '13 at 03:11
Have you checked the plugin's src filepath is correct? – verism May 04 '13 at 03:15
they're all in the same folder i'm so confused except the other scripts are from js folder – GHillian L Mendivil May 04 '13 at 03:38
It could be that the parentheses are the wrong way round in your last line - you have `)}(jquery);` instead of `})(jquery);` – verism May 04 '13 at 13:10
yah...thanks but still didnt work..i'm so confused – GHillian L Mendivil May 05 '13 at 00:21
May be you need to add a `max-height` to the div. And also add an option to `mCustomScrollbar()` initialization i.e. `advanced:{updateOnContentResize: true}`.. This should work for you. – Sanchit Nov 20 '15 at 13:56

mCustomScrollbar jquery plugin

0 Answers0