Maison > interface Web > js tutoriel > le corps du texte

méthode jquery pour déterminer si la barre de défilement apparaît

藏色散人
Libérer: 2021-01-22 16:41:03
original
3192 Les gens l'ont consulté

Méthode Jquery pour déterminer si une barre de défilement apparaît : 1. Utilisez la méthode "if ($(window).height() < $(document).height() ){}" pour déterminer si la la zone visible dépasse la hauteur réelle. 2. Utilisez l'instruction if pour déterminer la hauteur de la zone de travail disponible sur l'écran.

méthode jquery pour déterminer si la barre de défilement apparaît

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.0, ordinateur thinkpad t480.

Recommandé : "Tutoriel vidéo jquery"

jquery détermine si une barre de défilement apparaît

1 Déterminer si la barre de défilement apparaît. La zone dépasse la hauteur réelle et dépasse un certain niveau

if ($(window).height() < $(document).height() ) {
    alert(&#39;出现滚动条&#39;)
}
Copier après la connexion

Utilisation de la méthode d'écriture JavaScript native

if (document.documentElement.clientHeight < document.documentElement.offsetHeight){
    alert(&#39;出现滚动条&#39;)
}
Copier après la connexion

2 Hauteur de la zone de travail disponible sur l'écran>=zone visible de la page Web<. 🎜>

if (window.screen.availHeight >= document.body.clientHeight) {
  alert("页面无滚动条")
} else {
    alert("页面有滚动条")
}
Copier après la connexion
Remarque :

Quantity $(window).height() // Hauteur de la zone visible de la fenêtre du navigateur

document.documentElement.clientHeight

Quantity $( document).height() // La hauteur de la fenêtre du navigateur document

document.documentElement.offsetHeight

● window.screen.availHeight // La hauteur de la zone de travail disponible sur l'écran

● document.body.clientHeight // Zone visible de la page Web

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!

Étiquettes associées:
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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!