요소의 정확한 좌표 가져오기


var getCoords = function(el){
	var box = el.getBoundingClientRect(),
		doc = elem.ownerDocument,
		html = doc.documentElement;
		body = doc.body,
		win = getWindow(doc),
		clientTop  = html.clientTop  || body.clientTop  || 0,
		clientLeft = html.clientLeft || body.clientLeft || 0,
		scrollTop  = win.pageYOffset || html.scrollTop  || body.scrollTop,
		scrollLeft = win.pageXOffset || html.scrollLeft || body.scrollLeft,
		top  = box.top  + scrollTop  - clientTop,
		left = box.left + scrollLeft - clientLeft;

	return { top: top, left: left };
}
function getWindow( el ) {
	return isWindow( el ) ?
			el :
			el.nodeType === 9 ?
				el.defaultView || el.parentWindow :
				false;
}
function isWindow( obj ) {
	return obj && typeof obj === 'object' && 'setInterval' in obj;
}

요약:
window.pageYOffset
IE가 아닌 동쪽, 그리고 IE의 문서.body.scrollTop은 매우 비슷하다. 이것은 우리가 본 웹 페이지의 맨 끝에서 사실상의 웹 페이지의 맨 끝까지의 거리이다. 예를 들어 수직 스크롤 줄이 나타나서 맨 아래로 끌면 우리가 본 것은 한 화면일 뿐이다. 이 화면의 높이는document이다.documentElement.clientHeight, 이때의 윈도우.페이지 YOffset은 바로parseFloat(window.getComputedStyle(document.documentElement,null)입니다.getPropertyValue('height')) - document.documentElement.clientHeight
clientTop, clientLeft
이 두 물건은 말하자면 위 테두리와 왼쪽 테두리의 너비 값이다

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

vue 단일 파일 구성 요소에서 $refs를 가져올 수 없는 문제

웹pack+vue를 배우는 데 부딪힌 큰 구덩이를 기록해 보세요. 이 구덩이를 밟는 것은 저의 재능과 학문이 얕은 표현입니다. 이를 경계로 삼겠습니다.왜냐하면 이 구덩이는 정말 너무 구덩이야! 코드 header.ht...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

요소의 정확한 좌표 가져오기

좋은 웹페이지 즐겨찾기