Как приклеивать блок DIV к верхнему и к нижнему краю одновременно используя POSITON:STICKY;?
Как приклеивать блок с большим контентом к обоим краям верхнему и нижнему одновременно?
В блоке находится контент сайта размером в 4-5 экранов, но рядом(слева) с контентом есть панель с менюшками и анонсами. Эта панель имеет высоту в 6 экранов, т.е. большую чем контент.
Чтобы при прокрутке вверх контент всегда был по высоте одинаковый по уровню с колонкой. Но и при прокрутке вниз, чтобы контент так же выравнивался по нижнему краю с колонкой.
Мне казалось что всё просто, что надо родителю прописать Position:Relative, а ребёнку Position:Sticky и Top:0, Bottom:0.
Но не работает!
Задача на текущий момент не решается на чистом CSS.
Можете вот это решение попробовать, либо попробовать нагуглить что-то другое по запросу "affix sidebar".
Спасибо, на радостях уже подключил либу.
Но разочаровался, в ней нет декларативного подхода. Вроде так солидно всё выглядит, а декларации нет.
А в моём случае подключаю к CMS, лишние вложенные скрипты в основной документ не желательны.
Спасибо за совет. Поищу что-нибудь с Affix Sidebar.
Простой
Простой