Comment puis-je vérifier la visibilité de la barre de défilement dans une division à l'aide de 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();
}

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

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