Scrollbar Automatically Hidden Unless I Resize The Page

I am using a js plugin to create scroll bars. Basically, when you load the page, it automatically sets itself to 'display: none' when it shouldn't be. Then, if you resize the bro

Solution 1:

After you run the mCustomScrollbar plugin, trigger a resize event on the window object. You state that once you re-size the view-port that it works correctly, this is just automatically triggering that re-size:

$(window).load(function() {
    $("#mcs3_container").mCustomScrollbar("vertical",400,"easeOutCirc",1.05,"fixed","yes","yes",10);
    $(window).trigger('resize');
});