mCS_no_scrollbar always added to DOM

Javascript:

$(window).load( function() {
        SetImageSizes();
        $(".student-header").css("height", "49px");
        $(".student-header").css("overflow-y", "hidden");

        $.getScript("/Scripts/Libraries/jquery.mCustomScrollbar.js", function () {
             $('.student-header').mCustomScrollbar({
                    theme: "dark-2"
                  });
           });
    });

DOM output:

<div class="header student-header mCustomScrollbar _mCS_1 mCS_no_scrollbar" style="height: 49px; overflow-y: hidden;">
<div id="mCSB_1" class="mCustomScrollBox mCS-dark-2 mCSB_vertical mCSB_inside" tabindex="0">
<div id="mCSB_1_container" class="mCSB_container mCS_y_hidden mCS_no_scrollbar_y" style="position: relative; top: 0px; left: 0px;" dir="ltr">
<div id="mCSB_1_scrollbar_vertical" class="mCSB_scrollTools mCSB_1_scrollbar mCS-dark-2 mCSB_scrollTools_vertical" style="display: none;width: 8px;height: 50px;">
<div class="mCSB_draggerContainer">
<div id="mCSB_1_dragger_vertical" class="mCSB_dragger" style="position: absolute; min-height: 0px; height: 0px; top: 0px;" oncontextmenu="return false;">
<div class="mCSB_dragger_bar" style="line-height: 0px;"
></div>
</div>
<div class="mCSB_draggerRail" style="width: 8px; height: 9px;">
</div>
</div>
</div>
</div>
</div>

I, of course, would like the scrollbar to be appearing and cannot figure out why mCSB_no_scrollbar is being added to the DOM.

[malihu]

Plugin CSS is essential for the script to work as it contains the basic styling of all elements, especially the main content wrapper (.mCustomScrollBox). Without this, the script cannot calculate correctly content/scrollbar dimensions, so it wrongly assumes that content does not need scrolling (.mCSB_no_scrollbar).

The script itself adds very few inline styles. It mostly toggles classes and all the classes rules are defined in jquery.mCustomScrollbar.css. This was done on purpose as it gives the developer the freedom to change many core things via CSS without modifying the javascript (it’s basically the reason you can design any kind of scrollbar).

[malihu]

@rafaqf Thanks for the feedback! I’ll try and see if/how to add such warning on the next version.