JS는 단순히 슬라이딩 로딩 데이터 인스턴스 공유를 구현합니다.

이 글은 JS에서 데이터의 슬라이딩 로딩을 간단하게 구현하는 방법을 주로 소개하는데, 자바스크립트 이벤트 응답과 페이지 요소 속성의 동적 연산과 관련된 기술이 필요한 분들이 참고하시면 좋겠습니다.

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

관련 권장 사항:
javascript-js 슬라이딩 로딩 중에 슬라이딩 로드 수를 제한하는 방법

Javascript vue.js 테이블 페이지 매김, 데이터의 ajax 비동기 로딩

Bootstrap treeview는 데이터의 동적 로딩을 실현합니다. 그리고 빠른 검색 기능 구현

위 내용은 JS는 단순히 슬라이딩 로딩 데이터 인스턴스 공유를 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!