Maison > interface Web > tutoriel CSS > Comment puis-je vérifier la visibilité de la barre de défilement dans une division à l'aide de jQuery ?

Comment puis-je vérifier la visibilité de la barre de défilement dans une division à l'aide de jQuery ?

DDD
Libérer: 2024-12-15 15:14:22
original
663 Les gens l'ont consulté

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

Vérification de la visibilité de la barre de défilement

Vous devez déterminer si un

le débordement de l'élément est défini sur "auto" à l'aide de jQuery. Lorsque le contenu dépasse les dimensions spécifiées, cette propriété déclenche l'apparition d'une barre de défilement.

Solution :

Pour s'adapter aux différentes longueurs de contenu et à la visibilité correspondante de barres de défilement, vous pouvez utiliser un plugin personnalisé :

(function($) {

$.fn.hasScrollBar = function() {
    return this.get(0).scrollHeight > this.height();
}
Copier après la connexion

})(jQuery);

Utilisation :

$('#my_div1'). hasScrollBar();
// Renvoie vrai si une barre de défilement verticale est présente, faux sinon.

Remarque : Ce plugin a été testé et fonctionne de manière cohérente sur Firefox, Chrome, IE6, IE7 , et IE8. Cependant, il peut ne pas fonctionner correctement avec le sélecteur de balise body.

Solution alternative pour les barres de défilement horizontales :

Dans les cas où une barre de défilement horizontale entraîne l'apparition de d'une barre de défilement verticale, la fonction susmentionnée peut ne pas fonctionner correctement. Une solution alternative consiste à utiliser la propriété clientHeight :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal