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

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

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!