스크롤 바 위치 판단을 사용하는 방법

아래 편집자는 스크롤바 위치 판단을 기반으로 한 간단한 예를 여러분과 공유할 것입니다. 이는 좋은 참조 값을 가지고 있으며 모든 사람에게 도움이 되기를 바랍니다. 편집자를 따라가서 살펴보겠습니다.

//获取滚动条距离顶部位置
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);
}
//判断滚动条是否达到底部
getScrollTop() + getClientHeight() == getScrollHeight()

위 내용은 앞으로 모든 사람에게 도움이 되기를 바랍니다. 관련 기사:

노드 레이어를 사용하여 다중 부분 양식 파일 업로드를 구현하는 방법

React를 사용하여 포털 재사용 가능 구성 요소를 캡슐화하는 방법

노드의 중간 서비스 레이어에서 요청을 보내는 방법(자세한 튜토리얼)

Node에서 Excel 콘텐츠를 얻는 방법

동적으로 추가된 요소가 바인딩 이벤트를 트리거할 수 없는 문제를 해결하기 위해 jQuery를 사용하는 방법

Node를 사용하여 파일을 구성하는 방법(자세한 튜토리얼)

방법 jQuery를 이용해 일반 휴대폰 번호 인증 입력 구현하기

AngularJS에서 점프 기능 구현하기

AngularJS에서 드래그 앤 드롭 기능 구현하기

socket.io를 활용한 채팅방 구현하기

위 내용은 스크롤 바 위치 판단을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!