Как зафиксировать блоки страницы?

Question

[Богдан]

Нужна подсказка в реализации. Такой вопрос. Нужно сделать страницу с тремя блоками. К примеру "Контент", "Меню" и "Футер". "Меню" находится справа неподвижным, при скроллинге страницы двигается только "Контент" но нужно сделать так чтобы когда "Контент" заканчивается. Блоки "Контент" и "Меню" сдвигались к верху и был виден "Футер".

Comments

[A K]

Предоставьте макет

Answer 1

[Вадим Белкин]

Ищите плагин jquery sticky какой-нибудь, выбирайте подходящий для вас. Мне больше нравится sticky плагин Sticky / Semantic UI, легко настраивается нужное место начала и конца фиксации.

Comments

[Вадим Белкин]

Автору нужно чтобы блок с меню был фиксированным, но при достижение конца контента скроллился вместе с остальным контентом, в данном случае без js никак. Есть конечно css свойство position sticky caniuse.com/#feat=css-sticky, но из-за поддержки браузерами думаю его пока рано использовать.