Боковое плавающее меню в адаптивном дизайне сайта. Как реализовать?

Question

[Олег Машко]

Всем привет! Сложная проблема передо мной, нужно сделать блок меню прилипающий при прокрутке после хедера и отлипающий перед футером. Самая проблема состоит в том, что когда высота блока вдоль которого он едет фиксированная то все хорошо, но тогда он уменьшается на мониторах с высоким разрешением и внизу его образовывается белое пространство, так как родительский блок с контентом стал больше, а когда все переводится на проценты, то фон сжимается до размера контента прижатого к верху блока, а сам блок с меню не отлипает перед футером а едет дальше, словно границы нет вовсе. Для прилипающего блока использовал jquery.sticky-kit . Посоветуйте пожалуйста что-то дельное, как реализовать задумку.

Comments

[Alex]

Почему бы не слушать событие resize и не пересчитывать координаты прилипания?

Answer 1

[Денис Артемьев]

Здравствуйте, честно не сильно вчитывался в вопрос, но может быть поможет.
Из статьи на хабре нашел для себя HTML5 UP: Адаптивные шаблоны HTML5 и CSS3.

Вот там есть шаблон: read-only. Возможно он Вам поможет, как пример.