Как получить изменяющиеся значения элемента при скролле?

Question

[Евгений Журов]

Добрый день, верстаю мобильное меню, устроенное по принципу аккордеона - при клике на пункт разворачивается длинный список подпунктов. Вся эта простыня не умещается на одном экране. Задача такова - чтобы при скролле, когда расстояние от верхнего края окна до активированного пункта меню (из которого выпали подпункты) становится, например, 50px, этот пункт принимал position: fixed. Пробовал провернуть тему с position: sticky - не работает, уже не помню почему, но есть там какие-то ограничения. offset().top - не показывает изменения координат при скролле. position() - тем более. Как решить проблемку?

Comments

[Иван]

mmenu.frebsite.nl/examples.html и не надо изобретать велосипед

[Евгений Журов]

Иван: боюсь, что надо. Не подходит, но спасибо)

Answer 1

[Павел Корнилов]

Попробуй

var box = element.getBoundingClientRect();
var top = box.top;
// etc