Maison > Article > interface Web > JS implémente simplement le partage d'instances de données à chargement glissant
Cet article présente principalement la méthode d'implémentation simple du chargement glissant des données dans JS, impliquant des techniques liées à la réponse aux événements javascript et au fonctionnement dynamique des attributs des éléments de page. J'espère que cela pourra aider tout le monde.
//滑动 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); } //绑定事件 window.onscroll = function () { if (getScrollTop() + getClientHeight() == getScrollHeight()) { //dosomething } }
Recommandations associées :
javascript - js comment limiter le nombre de charges glissantes lors du chargement glissant
Vue Javascript. js table pagination, chargement asynchrone ajax des données
Bootstrap TreeView réalise un chargement dynamique des données et une fonction de recherche rapide
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!