요소의 오프셋 클라이언트 위치 찾기
-
05-07-2019 - |
문제
JavaScript를 사용하여 요소의 오프셋 클라이언트 위치를 찾는 방법은 무엇입니까? (동일한 코드를 BHO 또는 Gecko/NPAPI로 작성할 수 있다고 가정합니다).
내가 직면하고있는 문제는 요소의 오프셋 클라이언트 위치를 찾는 방법입니다. 그만큼 e.srcElement.offsetX/Y
항상 올바른 값을 제공하지 않습니다 (ClientX/Y에 대해서도 동일). 경우에 따라 부모 요소 스크롤도 고려해야합니다.
일반적으로 어떻게해야합니까? 이것에 대한 쉬운 방법이 있습니까?
해결책
function getElementTop ( Elem )
{
var elem;
if ( document.getElementById )
{
elem = document.getElementById ( Elem );
}
else if ( document.all )
{
elem = document.all[Elem];
}
yPos = elem.offsetTop;
tempEl = elem.offsetParent;
while ( tempEl != null )
{
yPos += tempEl.offsetTop;
tempEl = tempEl.offsetParent;
}
return yPos;
}
function getElementLeft ( Elem )
{
var elem;
if ( document.getElementById )
{
var elem = document.getElementById ( Elem );
}
else if ( document.all )
{
var elem = document.all[Elem];
}
xPos = elem.offsetLeft;
tempEl = elem.offsetParent;
while ( tempEl != null )
{
xPos += tempEl.offsetLeft;
tempEl = tempEl.offsetParent;
}
return xPos;
}
요소 ID를 함수로 전달하십시오.
다른 팁
아래 코드를 참조하십시오.
function getOffsetSum(elem) {
var top=0, left=0;
while(elem) {
top = top + parseInt(elem.offsetTop);
left = left + parseInt(elem.offsetLeft);
elem = elem.offsetParent;
}
return {top: top, left: left};
}
스크롤을 포함하려면이 jQuery 이벤트 리스너를보고 스크롤 탑과 오프셋을 기록하십시오.
// Don't put this in the scroll event listener callback, or that will be unnecessarily performance intensive.
var offset = $("#id").offset().top;
$(window).bind("scroll", function() {
console.log(
$(window).scrollTop() +
offset
);
});
오프셋을 혼자 얻으려면
("#id").offset().top;
커피 스크립트 버전 Orhun Alp Oral의 답변:
getOffset = (elem)->
top = 0
left = 0
while elem
top += parseInt(elem.offsetTop)
left += parseInt(elem.offsetLeft)
elem = elem.offsetParent
{top, left}
제휴하지 않습니다 StackOverflow