고정 된 또는 끈적 끈적한 요소가 화면 상단에서 현재까지의 거리

Question

화면 상단에서 고정 된 요소 나 고정 된 요소의 거리를 알고 싶습니다. 이것은 위로 또는 아래로 스크롤해도 요소가 고정되어있는 동안 변경되지 않는 거리입니다. getOffsetTop - Window.getScrollTop()을 시도했지만 올바르지 않은 것 같습니다.

도움을 주시면 감사하겠습니다.

Answer 1

jQuery의 offset() 함수를 사용할 수 있습니다. 문서의 왼쪽 또는 위쪽을 기준으로 요소의 위치를 ​​제공합니다.

var offset = document.getElementById("fixed-element"); 

console.log(offset.offsetTop);