JS implementiert einfach die gleitende gemeinsame Nutzung von Ladedateninstanzen

In diesem Artikel wird hauptsächlich die Methode zum einfachen Implementieren des gleitenden Ladens von Daten in JS vorgestellt, einschließlich Techniken im Zusammenhang mit der Reaktion auf Javascript-Ereignisse und dem dynamischen Betrieb von Seitenelementattributen. Ich hoffe, dass es allen helfen kann.

//滑动
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
 }
}

Verwandte Empfehlungen:
Javascript - js, wie man die Anzahl der Gleitlasten während des Gleitladens begrenzt

Javascript vue. js-Tabellenpaginierung, asynchrones Ajax-Laden von Daten

Bootstrap Treeview realisiert dynamisches Laden von Daten und Schnellsuchfunktion

Das obige ist der detaillierte Inhalt vonJS implementiert einfach die gleitende gemeinsame Nutzung von Ladedateninstanzen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!