Jquery custom scrollbar и IE issue

Question

Я использовал настраиваемый плагин прокрутки jquery для отображения пользовательской полосы прокрутки. Link

Он отлично работает во всех браузерах и устройствах, но есть одна странная проблема. Хотя он отлично работает и в IE, но полоса прокрутки видима, пока прокрутка не требуется. Я также использовал функцию обратного вызова (onOverflowYNone), чтобы удалить ее, но она удалит функциональные возможности прокрутки. Как я могу удалить свиток, если отношение близко около 1.

Answer 1

Вы могли бы потенциально сделать следующее:

/*CSS*/ 
.hidden { display: none; } 

// jQuery 
$(document).ready(function() { 
    $(window).resize(function() { 
     var windowHeight = $(this).height(); 
     var containerHeight = $(".<container-class>").height(); //<container-class> is just a placeholder. Your real class should go here. 
     if (containerHeight <= windowHeight) { 
      $(".mCustomScrollbar").addClass("hidden"); // This is the example default class that was in the link you provided 
     } else { 
      $(".mCustomScrollbar").removeClass("hidden");    
     } 
    }); 
}); 

Это будет ждать документа для загрузки, а затем приложить действия слушателя изменения размера, который будет, в любой момент, когда размер окна изменяется, запустите эту проверку, чтобы увидеть размеры окна и контейнера. Вы также можете экстернализировать эту проверку и добавить ее к более активным слушателям, если хотите.

Очевидно, что вы должны адаптировать оценку в соответствии с вашими потребностями, но основная концепция остается неизменной.