Как сделать плавающий блок в сайдбаре без плагинов

Приветствую, уважаемы читатели моего блога.

На днях устанавливал скрипт ЛайнБро и вынес в сайдбар рекламную строчку.

По задумке, она должна оставаться в поле видимости при прокрутке страницы.

Можно было бы использовать плагины, которые делают плавающий блок в сайдбаре.

Но, я их не особо люблю.

Поэтому было принято решение сделать подобный функционал скриптом.

Я подумал, что кому-нибудь может пригодиться данный скрипт, поэтому решил написать данную статью.

Плавающий блок в сайдбаре без помощи плагинов.

Сначала подключаем библиотеку jQuery.

Открываем файл header.php нашей темы и вставляем строчку:

Теперь открываем файл sidebar.php  и создаем новый div блок, или находим id уже существующего блока, который хотим заставить плавать в боковой панели.

Содержимое можно отредактировать как угодно.

Оно и будет плавать в сайдбаре.

Теперь вставляем код jQuery, который будет заставлять перемещаться наш блок:

Данный код необходимо вставить перед кодом вставки div блока.

В итоге должно получиться следующее:

Можно просто скопировать данный код и вставить себе на сайт.

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

Если будут вопросы по установке скрипта — пишите в комментариях.

Всем пока)

 

С уважением, Сергей Кривцов


Понравилась статья? Поделитесь с друзьями!

Читайте также на моем блоге:

Подписка на обновления блога: