Как сделать фиксированное меню (которое становится фиксированным при определенной длине прокрутки)?

Question

[freeman0204]

Пример Есть картинка, ниже идет меню слева и блок с контентом справа от меню. Нужно сделать так что бы листая вниз и доходя до меню оно оставалось всегда на веду. А когда начинаю листать выше и уже листаю выше меню то оно остается на своем месте не идет выше. Как можно такое реализовать?

Answer 1

[Sratimon]

на js при загрузки страницы получаешь на каком расстояние меню от верха .
далее условие
если скрол допустим равен 50 или больше то меню позиция фиксирована и top 0 left 0
если скрол допустим равен 50 или меньше то меню возвращаешь на место .
Если еще проще объяснить то если пользователь про скролил страницу на 50 px то отцепляешь меню добавив css свойство . А если нет то удаляешь css свойство .
Как то так .
Еще как вариант поищи готовые решения они 100% есть .

Answer 2

[Алексей]

Как вариант - codepen.io/anon/pen/qbvogY

Comments

[freeman0204]

Спасибо!