Wie kann ich mithilfe von jQuery die Sichtbarkeit der Bildlaufleiste in einem Div überprüfen?

Sichtbarkeit der Bildlaufleiste prüfen

Sie müssen feststellen, ob ein

Der Überlauf des Elements wird mithilfe von jQuery auf „auto“ gesetzt. Wenn der Inhalt die angegebenen Abmessungen überschreitet, löst diese Eigenschaft das Erscheinen einer Bildlaufleiste aus.

Lösung:

Um unterschiedliche Inhaltslängen und die entsprechende Sichtbarkeit zu berücksichtigen Bildlaufleisten können Sie ein benutzerdefiniertes Plugin verwenden:

(function($) {

$.fn.hasScrollBar = function() {
    return this.get(0).scrollHeight > this.height();
}

})(jQuery);

Verwendung:

$('#my_div1'). hasScrollBar();
// Gibt true zurück, wenn eine vertikale Bildlaufleiste vorhanden ist, andernfalls false.

Hinweis: Dieses Plugin wurde getestet und funktioniert konsistent auf Firefox, Chrome, IE6, IE7 , und IE8. Es funktioniert jedoch möglicherweise nicht ordnungsgemäß mit dem Body-Tag-Selektor.

Alternative Lösung für horizontale Bildlaufleisten:

In Fällen, in denen eine horizontale Bildlaufleiste angezeigt wird Wenn Sie eine vertikale Bildlaufleiste verwenden, funktioniert die oben genannte Funktion möglicherweise nicht ordnungsgemäß. Eine alternative Lösung besteht in der Verwendung der clientHeight-Eigenschaft:

return this.get(0).scrollHeight > this.get(0).clientHeight;

Das obige ist der detaillierte Inhalt vonWie kann ich mithilfe von jQuery die Sichtbarkeit der Bildlaufleiste in einem Div überprüfen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn