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

Question

[rinaz22]

Всем привет! Делаю боковое меню. Элементов много и они не влезают в 1 экран и поэтому я хотел настроить скроллинг, чтобы когда начинаю скроллинг основного контента, скроллился и меню до последнего элемента и так зафиксировался. И когда начинаю скроллить вверх то скроллился до первого элемента.
Как так можно сделать? Я не знаю, можно ли такое сделать одним лишь CSS, поэтому добавил категорию JQuery.

Answer 1

[Александр]

Comments

[rinaz22]

Почти... Нужно еще чтобы при скроллинге вверх они также скроллился(не тогда когда полностью дошел до шапки, а даже на середине)

[Александр]

rinaz22, Это position: sticky; уже сами устанавливаете где фиксировать надо.

[rinaz22]

Александр, position: sticky поддерживается лишь современными браузерами

[Александр]

rinaz22, А у Вас IE? Жаль Вас.

[rinaz22]

Александр, нет, у меня современный, но я хотел сделать кросбраузерный сайт

[Александр]

rinaz22, А работает везде. Смотрите внимательно.

[rinaz22]

Александр, IE?

[Александр]

rinaz22, Вроде спрашивал про IE, сказали нет.

[rinaz22]

Александр, ну так я сайт делаю не только для себя, а для всех

[Александр]

rinaz22, Ну, решения более лучшего нету. На JS так или иначе будут глюки, баги и т. д. Если ТЗ - IE, делайте верстку под IE, не используя современные фичи.

[rinaz22]

Александр, понял, спасибо что уделили время