Перейти к публикации

Прошу подсказки как сделать блок плавающим


Рекомендованные сообщения

Всем привет.

На многих сайтах стали появляться плавающие блоки.

Ну например в правом меню последний блок, когда опускаешь вниз, он не прокручивается со всем контентом вверх, а задерживается у верхней границы и постоянно виден.

Может кто подскажет как это можно реализовать.

Ссылка на сообщение
Поделиться на других сайтах

<script>/*<![CDATA[*/jQuery(function(){var offset=jQuery("#center-diva.slide").offset();var topPadding=25;var heigthFooter=110;var down;jQuery(document).scroll(function(){down=jQuery(document).height()-jQuery(document).scrollTop();if(jQuery(document).scrollTop()>offset.top&&down>heigthFooter){jQuery("#center-diva.slide").stop().animate({marginTop:jQuery(document).scrollTop()-offset.top+topPadding});}else if(down<=heigthFooter){jQuery("#center-diva.slide").stop().animate({marginTop:jQuery(document).scrollTop()-offset.top+topPadding-(heigthFooter-down)});}else{jQuery("#center-diva.slide").stop().animate({marginTop:0});}});});/*]]>*/</script><div id="center-diva" class="slide">

Ваш блок

</div>

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...