Maison  >  Article  >  interface Web  >  JS implémente simplement le partage d'instances de données à chargement glissant

JS implémente simplement le partage d'instances de données à chargement glissant

小云云
小云云original
2018-01-09 14:03:122090parcourir

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn