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

Question

[Саша]

Здравствуйте.
Столкнулся с задачей реализации компонента который изначально имеет абсолютное позиционирование, а при скролее от верха экрана к нему становиться fixed, top.
Всего бы ничего, но возникает потребность реализовать прилипание к низу в случае прокрутки до футера и вот на этом этапе возникают проблемы.
Есть код, но не уверен, что изначальная логика в нем верна.

Пример на который ориентируюсь
Скриншот примера:


Мой код

Помогите пожалуйста реализовать задумку.
Спасибо!

Answer 1

[Игорь Васильев]

Ваше решение чётко расписала известная интернет-блоггерша Наталья
shpargalkablog.ru/2013/09/scroll-block.html

Читайте и экспериментируйте, у вас всё получится! )))

Пример: sticky01.blogspot.ru/2013/09/4.html

Comments

[Саша]

Игорь Васильев спасибо за наводку!)

[Игорь Васильев]

наслаждайтесь коллега ))