radrigo 179 Опубликовано: 6 ноября 2013 Рассказать Опубликовано: 6 ноября 2013 Всем привет. На многих сайтах стали появляться плавающие блоки. Ну например в правом меню последний блок, когда опускаешь вниз, он не прокручивается со всем контентом вверх, а задерживается у верхней границы и постоянно виден. Может кто подскажет как это можно реализовать. Цитата Ссылка на сообщение Поделиться на других сайтах
Lomot 134 Опубликовано: 6 ноября 2013 Рассказать Опубликовано: 6 ноября 2013 http://yandex.ru/yandsearch?text=%D0%BF%D0%BB%D0%B0%D0%B2%D0%B0%D1%8E%D1%89%D0%B8%D0%B5+%D0%B1%D0%BB%D0%BE%D0%BA%D0%B8+jquery Цитата Ссылка на сообщение Поделиться на других сайтах
samo733792 19 Опубликовано: 6 ноября 2013 Рассказать Опубликовано: 6 ноября 2013 <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> Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.