Détecter si une page a une barre de défilement verticale ?

Question

Je veux juste quelques simples JQ/JS pour vérifier si la page actuelle/fenêtre (pas un élément particulier) a une barre de défilement verticale.

Recherche sur Google me donne des trucs qui semble trop complexe pour juste cette fonctionnalité de base.

Comment est-ce possible ?

Answer 1

$(document).ready(function() {
    // Check if body height is higher than window height :)
    if ($("body").height() > $(window).height()) {
        alert("Vertical Scrollbar! D:");
    }

    // Check if body width is higher than window width :)
    if ($("body").width() > $(window).width()) {
        alert("Horizontal Scrollbar! D:<");
    }
});

Answer 2

Essayez ceci :

Cela vous dira seulement si le scrollHeight vertical est plus grand que la hauteur du contenu visible, cependant. Le `` variable contiendra la valeur true ou false.

Si vous avez besoin de faire une vérification plus approfondie, ajoutez ce qui suit pour le code ci-dessus :

Answer 3

J’ai essayé la réponse précédente et ne semble pas fonctionner le $("body").height() est toujours 0.

J’ai corrigé la solution comme suit :

Answer 4

Celui-ci fait fonctionne pour moi :

Pour le corps, il suffit d’utiliser `` .