javascript 및 offsettop을 사용하여 HTML 요소의 위치를 ​​찾을 수

Question

javascript를 사용하여 화면에서 요소의 위치를 ​​찾으려고합니다. 이것이 내가하는 일이다.

function locateTargets(){ 
    var targets = document.getElementsByTagName("span"); 
    for(var i = 0;i<targets.length;i++){ 
     if(targets[i].className == "target"){ 
      targetsY[targets[i].getAttribute("id")] = targets[i].offsetTop; 
     } 
    } 
} 

Firefox, Chrome, IE에서는 제대로 작동하지만 Opera와 Safari의 경우 마지막 요소를 제외하고는 모두 0이됩니다.

왜 이런 일이 벌어지고 그것을 고치는 지 아이디어가 있으십니까?

Answer 1

offsetTop은 마지막 절대적으로 위치한 부모/조상 요소 (document.body은 다른 모든 요소의 첫 번째 절대 조상 요소)에 상대적인 최상위 위치를 찾습니다.

은 document.body이고 심지어는 fixed elements입니다.

위의 사항이 문제가 아니라면 약간의 코드를 게시하면 문제를 해결하는 데 도움이 될 수 있습니다.