Главная » Статьи » Прочее

Учимся Делать Липкий Блок на javascript

Сегодня я вам расскажу как сделать липкий Блок на сайте,
и так это очень легко достаточно
обернуть блок в
Код

<div id="lip">  
контент блока  
</div>


и на всех страницах после
< /head > Подключить Javascript
Код

<script type="text/javascript">  
  $(function() {  
  var box = $('#lip');  

  var top = box.offset().top - parseFloat(box.css('marginTop').replace(/auto/, 0));  
  $(window).scroll(function(){  
  var windowpos = $(window).scrollTop();  
  if(windowpos < top) {  
  box.css('position', 'static');  
  box.css('width', 223);  
  } else {  
  box.css('position', 'fixed');  
  box.css('top', 48);  
  box.css('width', 223);  
  }  
  });  
  });  
</script>

Вот и всё
P.S Это можно сделать с любой частью сайта
Категория: Прочее | Добавил: slavick (21.08.2013)
Просмотров: 296 | Теги: на, JavaScript, Учимся, Липкий, блок, делать | Рейтинг: 1.0/3
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]