Jquery benutzerdefinierte Bildlaufleiste und IE-Problem

Question

Ich habe jquery benutzerdefinierte Bildlaufleiste-Plugin verwendet, um die benutzerdefinierte Bildlaufleiste anzuzeigen.

Es funktioniert in allen Browsern und Geräten, aber es gibt ein seltsames Problem. Obwohl es auch im IE funktioniert, ist die Bildlaufleiste sichtbar, während das Scrollen nicht erforderlich ist. Ich habe auch Rückruffunktion (OnOverflowYNone) verwendet, um dies zu entfernen, aber es wird Scroll-Funktionalität entfernen. Wie kann ich die Schriftrolle zu entfernen, wenn das Verhältnis in der Nähe von etwa 1

Answer 1

ist könnten Sie möglicherweise Folgendes tun:

/*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");    
     } 
    }); 
}); 

Das für das Dokument warten zu laden und dann einen Resize-Aktion Hörer anschließen, das wird, Wenn die Größe des Fensters geändert wird, führen Sie diese Überprüfung durch, um die Abmessungen des Fensters und des Containers anzuzeigen. Sie können diese Prüfung auch externalisieren und bei Bedarf weiteren Aktionslistenern hinzufügen.

Natürlich sollten Sie die Auswertung auf Ihre Bedürfnisse zuschneiden, aber das Kernkonzept bleibt erhalten.