как найти вертикальное расстояние от вершины в px элемента с помощью jQuery

Question

как найти вертикальное расстояние от вершины в px элемента с помощью jQuery

как найти вертикальное расстояние от верхней части страницы до того места, где элемент существует в DOM с помощью 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!

450 4

jQuery javascript

4 ответов:

Comments

Ничего не найдено.

Rob W · Accepted Answer · 2011-10-15 18:02:28

использовать .offset() чтобы получить расстояние между элементом и верхней части документа:
$("li.test").offset().top

thexfactor · Accepted Answer · 2011-10-15 18:25:43

ответ Роба W правильный-это даст вам смещение от верхней части полной страницы.

Если вы хотите получить смещение от верхней части видимой области экрана, вы должны сделать это:
var viewableOffset = $("#li.test").offset().top - $(window).scrollTop();
надеюсь, что это поможет!

Crisan Raluca Teodora · Accepted Answer · 2014-04-07 15:07:02

насколько я знаю .offset() получить расстояние между текущим положением прокрутки и верхней частью документа.

вы должны использовать это: $("li.test").position().top

rut shah · Accepted Answer · 2015-09-02 12:06:45

использовать $(элемент).смещение.)(сверху и добавить высоту существующих фиксированных элементов на странице к нему, чтобы сделать его более точным.