Фиксированный плавающий блок

Если перед Вами стоит задача разместить на сайте фиксированный блок, который будет всегда находиться на одном месте даже при прокрутке страницы, но CSS свойство position: fixed; не подходит, тогда эта статья для Вас. Из статьи Вы узнаете, как легко и просто разместить фиксированный блок, который будет находиться в верхнем углу страницы, а при прокрутке фиксироваться на указанной Вами высоте.

Как это работает?

Для реализации данного способа воспользуемся библиотекой jQuery.

Добавим следующий скрипт в код нашей страницы:

Добавим разметку следующего вида:

Получается, у нас должен быть контейнер — элемент, в котором содержится фиксируемый блок с position: relative. И сам элемент с классом fixed и абсолютным позиционированием.

Вы также можете скачать пример работы скрипта из вложения в конце статьи.

Полезность статьи

Оцените, на сколько полезной оказалась статья.
1 балл2 балла3 балла4 балла5 баллов
Пока оценок нет
Комментарии

Здесь еще никто не оставлял комментарии.

Добавить комментарий

* - поля обязательные для заполнения. E-mail не публикуется.