Как подхватывать меню при скроле?

Question

[GaserV]

Ребят. Подскажите пожалуйста. Как мне сделать эффект прилипания меню при скролле, как в instagram? Т.е. когда доскроллил до меню - оно подхватилось и стало как position: fixed. А когда проскролил выше, то оно снова, static?

Answer 1

[Денис Князев]

добавьте специальный класс для меню, который будет задавать нужные fixed-стили
и вот это реализуйте:
Присвоить класс при скролле?

Answer 2

[Назар Мокринский]

Слушаете событие прокрутки страницы, делаете вычисления и в зависимости от текущей позиции меняете position на fixed

Answer 3

[Егор Огурцов]

Вот тут отвечал - Как сделать фиксированное меню которое фиксируется не сразу, но по ходу прокрутки?

Answer 4

[GaserV]

Ко всем ответам выше.

плагин поставил. Да. Эффект как в инстаграмме. Но не то) У меня получается есть меню. Оно примерно на позиции 600px от шапки. Мне нужно, когда доскролишь до него, чтобы оно прилипло к шапке и не отлипало. я написал скрипт, что если scrollTop > позиции шапки - присваивался класс - fixed. Оно работает. Но тогда при скролле - оно пргыает, т.е. класс добавляется и удаляется каждый раз при скролле.