Maison > interface Web > js tutoriel > Comment utiliser le jugement de position de la barre de défilement

Comment utiliser le jugement de position de la barre de défilement

亚连
Libérer: 2018-06-20 16:33:32
original
2387 Les gens l'ont consulté

L'éditeur ci-dessous partagera avec vous un exemple simple basé sur le jugement de la position de la barre de défilement. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde. Suivons l'éditeur et jetons un coup d'œil

Les exemples sont les suivants :

//获取滚动条距离顶部位置
function getScrollTop() {
 var scrollTop = 0;
 if (document.documentElement && document.documentElement.scrollTop) {
  scrollTop = document.documentElement.scrollTop;
 } else if (document.body) {
  scrollTop = document.body.scrollTop;
 }
 return scrollTop;
}
//获取当前可视范围的高度
function getClientHeight() {
 var clientHeight = 0;
 if (document.body.clientHeight && document.documentElement.clientHeight) {
  clientHeight = Math.min(document.body.clientHeight, document.documentElement.clientHeight);
 } else {
  clientHeight = Math.max(document.body.clientHeight, document.documentElement.clientHeight);
 }
 return clientHeight;
}
//获取文档完整的高度
function getScrollHeight() {
 return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
}
//判断滚动条是否达到底部
getScrollTop() + getClientHeight() == getScrollHeight()
Copier après la connexion

Ce qui précède est ce que j'ai compilé pour tout le monde. . J'espère qu'à l'avenir, cela sera utile à tout le monde.

Articles connexes :

Comment utiliser la couche Node pour implémenter le téléchargement de fichiers de formulaire en plusieurs parties

Comment utiliser React pour encapsuler le portail réutilisable composants

Comment envoyer des requêtes à la couche de service intermédiaire dans Node (tutoriel détaillé)

Comment obtenir du contenu Excel dans Node

Comment utiliser jQuery pour résoudre le problème selon lequel les éléments ajoutés dynamiquement ne peuvent pas déclencher d'événements de liaison

Comment configurer des fichiers à l'aide de Node (tutoriel détaillé)

Utiliser Comment implémenter la saisie régulière de la vérification du numéro de téléphone mobile avec jQuery

Comment implémenter la fonction de saut dans AngularJS

Comment implémenter la fonction glisser-déposer dans AngularJS

Comment implémenter une salle de discussion en utilisant socket.io

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