jQuery를 사용하여 원소의 위쪽에서 px로 수직 거리를 찾는 방법

jQuery를 사용하여 원소의 위쪽에서 px로 수직 거리를 찾는 방법

javascript/jQuery를 사용하여 페이지 상단에서 요소가 존재하는 곳까지의 수직 거리를 어떻게 구합니까?

저는 뭔가가 있어요.

<ul>
    <li>one</li>
    <li>one</li>
    <li>one</li>
    <li>one</li>
    <li class="test">one</li>
    ....
    ....
    ....
    <li>one</li>
</ul>

예를 들어, 페이지 상단에서 다음 페이지까지의 수직 거리를 찾고 싶습니다.li#test요소.

나는 노력했다..scrollTop()하지만 항상 0으로 다가옵니다!

요소와 문서 상단 사이의 거리를 구하는 데 사용합니다.

$("li.test").offset().top

Rob W의 대답은 정확합니다. 그러면 전체 페이지 상단에서 오프셋을 얻을 수 있습니다.

화면 상단에서 오프셋을 가져오려면 다음 작업을 수행해야 합니다.

var viewableOffset = $("#li.test").offset().top - $(window).scrollTop();

제가 아는 한,.offset()현재 스크롤 위치와 문서 상단 사이의 거리를 가져옵니다.

다음을 사용해야 합니다.$("li.test").position().top

$(element).offset(.top)을 사용하고 페이지에 기존 고정 요소의 높이를 추가하여 정확도를 높입니다.

언급URL : https://stackoverflow.com/questions/7778580/how-to-find-the-vertical-distance-from-top-in-px-of-an-element-using-jquery