Форум Сайтостроение Веб-строительство

Настроить фиксированный сайдбар

ДБ
На сайте с 24.01.2015
Offline
72
Дмитрий Бергер
1752

Уже установил плавающий сайдбар, но хотелось бы его настроить под себя.

Вот код:

<script type="text/javascript"> $(window).scroll(function() {if ($(this).scrollTop()>3050) $('#scrollable').css({'position':'fixed','top':'1px'});else $('#scrollable').css({'top':'0px','position':'static'});});</script>

<div id="scrollable" style="width:320px">

зафиксированные блоки сайдбара

</div>

Проблемы и вопросы:

В браузере хром на не очень длинных страницах сайдбар при упирании в футер начинает маниакально дергаться. На некоторых страницах наползает на футер. Как сделать, чтобы сайдбар при упирании в футер останавливался? И дерганья бы тоже убрать. Думаю, эти проблемы связаны.

Примеры страницы где дергается:

http://real-investment.ru/publ/

Пример страницы где просто наползает:

http://real-investment.ru/

Мой блог об инвестировании: http://real-investment.net
S
На сайте с 23.01.2010
Offline
70
sergiocharm
#1

<div id="fixed">

движимое

</div> 

<script type="text/javascript">

$(function() {

     var offset = $("#fixed").offset();

     var topPadding = 80,

         bottomPadding = 1400; //высота над которой остоновится

     $(window).scroll(function() {

         if ($(window).scrollTop() > offset.top) {

             if ($(document).height() - bottomPadding > $(window).scrollTop() + $("#fixed").height()) $("#fixed").stop().animate({

                 marginTop: $(window).scrollTop() - offset.top + topPadding

             });

         } else {

             $("#fixed").stop().animate({

                 marginTop: 0

             });

         };

     });



 });

</script>
ДБ
На сайте с 24.01.2015
Offline
72
Дмитрий Бергер
#2

Данный скрипт работает как бы медленно. Блок движется, но не успевает за колесиком мышки.

zonar
На сайте с 24.05.2009
Offline
165
zonar
#3

в вордпрессе есть плагин Q2W3 Fixed Widget

Городской дневник ( https://youtu.be/k2qZdPXHoYY )
ДБ
На сайте с 24.01.2015
Offline
72
Дмитрий Бергер
#4

У меня движок ucoz. Казалось бы к текущему скрипту нужно какое-то небольшой дополнение. Так то он же работает.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий