Lorsque la barre de défilement défile vers le bas de la page, le code js qui ajoute du contenu est automatiquement chargé_javascript skills

1. Enregistrez l'événement de défilement de page, window.onscroll = function(){ };

2. Fonctions associées pour obtenir la hauteur de la page, la position de la barre de défilement et la hauteur du document :

Copier le code Le code est le suivant :

//Obtenir la position actuelle de la barre de défilement
fonction getScrollTop() {
var scrollTop = 0 ;
if (document.documentElement && document.documentElement.scrollTop) {
scrollTop = document.documentElement.scrollTop
}
else if (document.body) {
scrollTop = document. body.scrollTop;
}
return scrollTop;

//Obtenir la hauteur de la plage actuelle
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
}

// Obtenez la hauteur complète du document
function getScrollHeight() {
return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight)
}


3); , ajoutez le code en bas de la page html :

Copier le code Le code est le suivant :

<script> <div class="codebody" id="code15357">window.onscroll = function () { <br>if (getScrollTop() getClientHeight() == getScrollHeight()) { <br>alert("Atteindre le bas"); } <br>} <br></script>


De cette façon, l'alerte ("bas atteint") sera déclenchée lorsque la barre de défilement atteint le bas de la page. La prochaine chose à faire est de remplacer la fonction déclenchée par un appel ajax et d'ajouter dynamiquement du contenu à la page.