자바 스 크 립 트 학습 노트 의 웹 페이지 고도 용법
2376 단어 js
스크롤 하 이 트 는 대상 의 스크롤 높이 를 가 져 옵 니 다. scrollLeft 설정 또는 대상 의 왼쪽 경계 와 창 에서 현재 볼 수 있 는 내용 의 가장 왼쪽 끝 사이 의 거 리 를 가 져 옵 니 다. scrollTop 설정 또는 대상 의 맨 위 와 창 에 보 이 는 내용 의 맨 위 사이 의 거 리 를 가 져 옵 니 다. scrollWidth 대상 의 스크롤 폭 가 져 오기 offset Height 획득 대상 이 지면 이나 부모 좌표 offset Parent 속성 에 의 해 지정 한 부모 좌표 의 높이 offsetLeft 가 져 오기 대상 이 지면 이나 offsetParent 속성 에 의 해 지 정 된 부모 좌표 의 왼쪽 위 치 를 계산 합 니 다. offsetTop 가 져 오 는 대상 이 지면 이나 offsetTop 속성 이 지정 한 부모 좌표 의 계산 맨 위 치 를 가 져 옵 니 다. 이벤트. clientX 상대 문서 의 수평 좌표 이벤트. clientY 상대 문서 의 수직 좌표
이벤트. offsetX 상대 용기 의 수평 좌표 이벤트. offsetY 상대 용기 의 수직 좌표 document. documentElement. scrollTop 수직 방향 으로 굴 러 가 는 값 event. clientX + document. documentElement. scrollTop 상대 문서 의 수평 좌표 + 수직 방향 으로 굴 러 가 는 양
현재 페이지 의 스크롤 바 세로 좌표 위 치 를 가 져 오 려 면: document.documentElement.scrollTop; 대신: document.body.scrollTop;
document Element 는 html 태그 에 대응 하고 body 는 body 태그 에 대응 합 니 다. 예: 페이지 스크롤 위치 에 따라 유동 상 자 를 표시 합 니 다.
var div = document.getElementById("toTop");
document.body.onscroll = function () {
var heightTop = document.documentElement.scrollTop;
if (heightTop >= 500)
div.style.display = "block";
else
div.style.display = "none";
}
function goToTop() {
document.documentElement.scrollTop = 0;
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
[2022.04.19] 자바스크립트 this - 생성자 함수와 이벤트리스너에서의 this18일에 this에 대해 공부하면서 적었던 일반적인 함수나 객체에서의 this가 아닌 오늘은 이벤트리스너와 생성자 함수 안에서의 this를 살펴보기로 했다. new 키워드를 붙여 함수를 생성자로 사용할 때 this는...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.