Heim > Web-Frontend > CSS-Tutorial > Wie kann ich mithilfe von jQuery die Sichtbarkeit der Bildlaufleiste in einem Div überprüfen?

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

DDD
Freigeben: 2024-12-15 15:14:22
Original
663 Leute haben es durchsucht

How Can I Check for Scrollbar Visibility in a Div Using jQuery?

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();
}
Nach dem Login kopieren

})(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!

Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage