17:33
Плавающий сайдбар

Шаг первый, добавляем этот код в то место, где будет ваш будущий плавающий блок:

 

(в движке DLE это обычно файл main.tpl, а в wordpress-е это файл sidebar.php)

<div> 

<script> 
$(window).scroll(function() { 
if ($(this).scrollTop()>500) $('#scrollable').css({'position':'fixed','top':'0px'}); 
else $('#scrollable').css({'top':'500px','position':'absolute'}); 
}); 
</script>

<div id='scrollable' style='width:300px;height:300px;'> 
ЗДЕСЬ КОНТЕНТ, КОТОРЫЙ БУДЕТ ФИКСИРОВАТЬСЯ (ПЛАВАТЬ)
</div>

</div>
  1. В коде есть два значения 500 – это отступ от верхней границы сайта, до места, где начинается тот блок, который должен будет плавать. Методом тыка подберите те цифры, которые подойдут для вашего сайта.
  2. А также есть значения 300 на 300 – это непосредственно размер вашего блока. Выставьте нужные вам значения, иначе блок будет показываться не полностью.

Шаг второй, если у вас не подключена библиотека jquery

Если после первого шага блок не работает , то перед тегом </head> вставляем строчку:

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>

Можете подключить библиотеку jquery по-новее, если хотите.

Категория: Разное | Просмотров: 151 | Добавил: artnov7 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]