Как сделать плавающий sidebar (сайдбар) на сайте

В данной статье, я расскажу как сделать плавающий сайдбар на сайте. Это будет полезно, если вы хотите допустим прикрепить топ популярных статей, или просто парочку рандомных. А возможно и вовсе рекламу 🙂

Вся его суть состоит в том, что когда вы скролите сайт, сайдбар прилепляется к верхней части окна, а когда вы доходите до футера, он отлипает от верхней части и прилепляется к футеру.

HTML:

CSS:

Ну и сам JS -скрипт который делает всю магию

Обязательно не забудьте подключить jQuery!

Скрипт:

 

Пример работы:

Оставьте ответ

comment-avatar

*