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 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 configurer des fichiers à l'aide de Node (tutoriel détaillé)
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!