Exemple simple basé sur les compétences de Judgement_Javascript de position de 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. JavaScript est très puissant pour que tout le monde puisse le voir, alors apprenez bien JavaScript est si important. Les amis qui sont intéressés par JavaScript devraient suivre l'éditeur pour y jeter un œil

L'exemple est le suivant :

//获取滚动条距离顶部位置
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()

L'exemple simple ci-dessus basé sur le jugement de la position de la barre de défilement est tout le contenu partagé par l'éditeur, je l'espère. Je peux vous donner une référence et j'espère que vous soutiendrez le site Web PHP chinois.

Recommandations associées :

barre de défilement js dans différents styles, compétences recommandées en javascript

barre de défilement js retour en haut des compétences code_javascript

barre de défilement js mouvement fluide exemple de compétences code_javascript

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!