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!