SharePoint Alfresco PHP MySQL
О сайте Контакты
понедельник, 16 января 2012 г.

Плавающий блок на JQuery

Создать зафиксированный div, плавающий при прокрутке страницы, можно при помощи JQuery. Код приведен ниже:

<script type='text/javascript'>
  $(function() {
  var fixed = $("#left_fixed_div");  
  var offset = fixed.offset();
  var topPadding = 15;
  $(window).scroll(function() {
  if ($(window).scrollTop() > offset.top) {
    fixed.stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding});
  }
  else {
    fixed.stop().animate({marginTop: 0});
  };});
});
</script>

Обратите внимание. Плавающие блоки можно использовать для показа рекламы только тогда, когда это не раздражает посетителя.

Помимо того, что это может отвлечь пользователя и не дать ему нормально читать материал, это еще и может быть прямо запрещено условиями рекламных программ. Установив рекламу в плавающем блоке вы рискуете не получить совсем никаких денег и остаться без аккаунта в системе.

Sergey Lysenko, понедельник, 16 января 2012 г.

Комментарии: