Если вам нравится SbUP Форум, вы можете поддержать его - BTC: bc1qppjcl3c2cyjazy6lepmrv3fh6ke9mxs7zpfky0 , TRC20 и ещё....

 

Фиксированный виджет без плагина. Не корректно работает.

Автор tanya2307, 09-06-2014, 20:10:57

« назад - далее »

tanya2307Topic starter

Плагин Q2W3 Fixed Widget у меня на сайте почему-то не работает. Раньше работал, а теперь перестал.
Нашла, как зафиксировать виджет без плагина. Вроде работает, но не совсем правильно. Когда появляется примерно половина виджета, он вдруг подскакивает вверх, перекрывая предыдущий, ну а после этого уже висит на месте.
Как делала.
Перед </body> добавила код:
<script type="text/javascript">// <![CDATA[
if (typeof(jQuery) == 'function') {
$j = jQuery.noConflict();
var $float_block = $j('#poplavok');
var $float_bottom = $j('#footer');
var sdb_float_fixtop = 5;
var float_bottom_limit = $float_bottom.offset().top-20;
setTimeout(function(){ float_bottom_limit = $float_bottom.offset().top-20; }, 2000); // Пересчитаем спустя время
var float_top_init = $float_block.offset().top;
var sdb_float_position = $float_block.position();
var float_block_height = $float_block.height()+sdb_float_fixtop;
var sdb_move_last = false;
var float_lift = 0; // поднимает блок, когда он упирается во float_bottom
var float_lift_complete = false;
$j(window).bind('scroll resize', function () {
if (float_bottom_limit - float_top_init - float_block_height < 100) return; var sdb_move = ($j(window).scrollTop() > float_top_init - sdb_float_fixtop);
if (sdb_move) {
float_lift = float_bottom_limit - $j(window).scrollTop() - (float_block_height-sdb_float_fixtop);
if (float_lift < 0) { $float_block.css('top', float_lift); float_lift_complete = true; }
// когда поднимать не надо, устанавливается начальное значение верхнего отступа
else if (float_lift_complete) { $float_block.css('top', sdb_float_fixtop); float_lift_complete = false; }
}
if (sdb_move_last != sdb_move) {
sdb_move_last = sdb_move;
if (sdb_move) {
$float_block.css({'position':'fixed', 'top':sdb_float_fixtop});
} else { $float_block.css('position', 'static'); }
}
});
$j(window).scroll();
}
// ]]></script>


В сайдбаре вставила:
<div id="poplavok" class="widget widget_text">
<div class="art-block">
    <div class="art-block-body">
<div class="art-blockcontent">
    <div class="art-blockcontent-body">
<center>

код объявления

</center>

<div class="cleared"></div>
    </div>
</div>

<div class="cleared"></div>
    </div>
</div>
</div>


Мой сайт
[spoiler]http://lubimyjdom.ru/[/spoiler]

Для примера, вот сайт, где это работает нормально
[spoiler]http://pro-buz.ru/optimizaciya-wordpress/kak-sdelat-plavayushhij-vidzhet-na-dvizhke-wordpress-bez-plagina.html[/spoiler]

А вот тут такая же проблема, как у меня (правда не так в глаза бросается)
[spoiler]http://disseo.ru/plaginy/plavayushhij-blok-bez-plaginov.html[/spoiler]

Подскажите, в чем может быть ошибка?
Буду весьма благодарна всем поучаствовавшим.

Добавлено: 09-06-2014, 21:33:42


И совсем никаких мыслей ни у кого?  :'(

Добавлено: 10-06-2014, 00:44:52


Сейчас только увидела. Перестали переключаться вкладки в комментариях. Убрала скрипт - переключаются.
Так что пока убираю его  :(



Если вам нравится SbUP Форум, вы можете поддержать его - BTC: bc1qppjcl3c2cyjazy6lepmrv3fh6ke9mxs7zpfky0 , TRC20 и ещё....