Как приклеивать блок DIV к верхнему и к нижнему краю одновременно используя POSITON:STICKY;?

Question

[Сергей Кореневский]

Как приклеивать блок с большим контентом к обоим краям верхнему и нижнему одновременно?
В блоке находится контент сайта размером в 4-5 экранов, но рядом(слева) с контентом есть панель с менюшками и анонсами. Эта панель имеет высоту в 6 экранов, т.е. большую чем контент.
Чтобы при прокрутке вверх контент всегда был по высоте одинаковый по уровню с колонкой. Но и при прокрутке вниз, чтобы контент так же выравнивался по нижнему краю с колонкой.

Мне казалось что всё просто, что надо родителю прописать Position:Relative, а ребёнку Position:Sticky и Top:0, Bottom:0.
Но не работает!

Answer 1

[Максим Морев]

Задача на текущий момент не решается на чистом CSS.
Можете вот это решение попробовать, либо попробовать нагуглить что-то другое по запросу "affix sidebar".

Comments

[Сергей Кореневский]

Спасибо, на радостях уже подключил либу.
Но разочаровался, в ней нет декларативного подхода. Вроде так солидно всё выглядит, а декларации нет.
А в моём случае подключаю к CMS, лишние вложенные скрипты в основной документ не желательны.
Спасибо за совет. Поищу что-нибудь с Affix Sidebar.