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>
Шаг второй, если у вас не подключена библиотека 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 по-новее, если хотите. | |
|
| |
| Всего комментариев: 0 | |