Привет
Каждый из нас стремиться сделать свой блок красивым и функциональным. Плавающий блок очень полезная штука, осбенно для размещения рекламных баннеров.
Скрипт:
Код
<script language="javascript"> $(document).ready(function(){ var floatsidebar = $("#float-sidebar"); var offset = floatsidebar.offset(); var left = offset.left; var top = offset.top; var width = $("#float-sidebar").width(); var height = $("#float-sidebar").height(); $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); if (scrollTop >= top) { $('#float-sidebar').css({ left:left+'px', position:'fixed', top:"0px", width:width+"px" };); } else { $('#float-sidebar').css({ position:'static', };); } };); };); </script>
Этот код ставим туда, где будет плавающий блок:
Код
<div id="float-sidebar">
Контент плавающего блока
</div>
Вот, собственно, и все. Пример плавающего блока Вы можете видеть на этом форуме. В блок поместили виджет группы вконтакте.
Если блок будет вылезать за границы сайтбара, то отрегулируйте ширину (height) своего кода, который Вы вставили вместо "Контент плавающего блока".
НАШ ФОРУМ
Правила форума
Обратная связь
Участники
ПОИСК
ВХОД
РЕГИСТРАЦИЯ
ВВЕРХ