스크롤 바 위치 판단_javascript 기술을 기반으로 한 간단한 예

韦小宝
풀어 주다: 2017-12-16 09:19:33
원래의
1485명이 탐색했습니다.

아래 편집기는 스크롤 막대 위치 판단을 기반으로 한 간단한 예를 보여줍니다. JavaScript에 관심이 있는 사람들에게는 JavaScript를 배우는 것이 얼마나 중요한지 보여줍니다. JavaScript 친구들아, 에디터 따라와서 구경해봐

예제는 다음과 같다:

//获取滚动条距离顶部位置
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()
로그인 후 복사


스크롤바 위치 판단에 따른 위의 간단한 예는 에서 공유하는 내용 전체입니다. 편집자 여러분에게 참고가 되기를 바라며, 또한 모두가 PHP 중국어 웹사이트를 지지해 주기를 바랍니다.

관련 권장 사항:

js 스크롤 막대 다양한 스타일, 권장_javascript 기술

js 스크롤 막대 맨 위로 돌아가기 code_javascript 기술

js 스크롤 막대 부드러운 움직임 예제 Code_javascript 팁

위 내용은 스크롤 바 위치 판단_javascript 기술을 기반으로 한 간단한 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!