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

repacksman

Участник
Регистрация
12 Июн 2012
Сообщения
154
Реакции
4
Не могу понять почему блок Для просмотра ссылки Войди или Зарегистрируйся перестает плавать когда я нажимаю на кнопку "купить"? За плавание отвечает файл h ttp://shop-script.temp089.pp.ua/wa-data/public/shop/themes/default1/default.shop.js 206 строка. Сайт h ttp://shop-script.temp089.pp.ua/pizza/ . Неделю голову ломаю безрезультатно. Зарание спасибо
 
Не могу понять почему блок Для просмотра ссылки Войди или Зарегистрируйся перестает плавать когда я нажимаю на кнопку "купить"? За плавание отвечает файл h ttp://shop-script.temp089.pp.ua/wa-data/public/shop/themes/default1/default.shop.js 206 строка. Сайт h ttp://shop-script.temp089.pp.ua/pizza/ . Неделю голову ломаю безрезультатно. Зарание спасибо

у меня с мозиллы вообще не плавает
 
Не могу понять почему блок Для просмотра ссылки Войди или Зарегистрируйся перестает плавать когда я нажимаю на кнопку "купить"? За плавание отвечает файл h ttp://shop-script.temp089.pp.ua/wa-data/public/shop/themes/default1/default.shop.js 206 строка. Сайт h ttp://shop-script.temp089.pp.ua/pizza/ . Неделю голову ломаю безрезультатно. Зарание спасибо
просто после добавления товара у дива <div id="cart-widget" class="fixed"> пропадает класс ""fixed" и он становится таким <div id="cart-widget" class="default">, соответственно и аттрибут position: fixed; превращается в position: relative;
копайте в эту сторону.
 
там в общем все доступно написано:


$(window).scroll(function(){
if ( $(this).scrollTop() > 252 && $menu.hasClass("default") ){
$menu.removeClass("default").addClass("fixed");
} else if($(this).scrollTop() <= 252 && $menu.hasClass("fixed")) {
$menu.removeClass("fixed").addClass("default");
}
});

когда скролл больше 252 то блок становится с классом fixed это и есть "плавание" а когда скроллменьше 252 и имеется класс фиксед то этот класс удаляется и подставляется класс дефолт, поэтому "плавание" пропадает. Или измените исловя при которых это присходит или просто пропишите стили этому блоку чтобы он не зависел от класса.
 
Вот кроссбраузерный плавающий
var sticky_menu = document.querySelectorAll('.brand-store-menu')[0];

if (sticky_menu)
{
stop = 293;
docBody = document.documentElement || document.body.parentNode || document.body;
hasOffset = window.pageYOffset !== undefined;
window.onscroll = function (e)
{
scrollTop = hasOffset ? window.pageYOffset : docBody.scrollTop;
if (scrollTop >= stop)
{
sticky_menu.style.cssText = 'position: fixed; top: 0; width: 1000px; z-index: 999;';
}
else
{
sticky_menu.style.cssText = '';
}
}
}

Для IE ключевые моменты тут document.querySelectorAll(чтоб искать обращаться к элементу по классу), document.documentElement(чтоб посчитать проскроленное через scrollTop) и sticky_menu.style.cssText(чтоб добавить стиль с нужными атрибутами)
 
там в общем все доступно написано:


$(window).scroll(function(){
if ( $(this).scrollTop() > 252 && $menu.hasClass("default") ){
$menu.removeClass("default").addClass("fixed");
} else if($(this).scrollTop() <= 252 && $menu.hasClass("fixed")) {
$menu.removeClass("fixed").addClass("default");
}
});

когда скролл больше 252 то блок становится с классом fixed это и есть "плавание" а когда скроллменьше 252 и имеется класс фиксед то этот класс удаляется и подставляется класс дефолт, поэтому "плавание" пропадает. Или измените исловя при которых это присходит или просто пропишите стили этому блоку чтобы он не зависел от класса.
Ви меня не правильно поняли. Класи перестают менятся когда нажимаеш на кнопку купить. Сами можете посмотреть: нажимаете на кнопку "В корзину" и блок всегда мает клас default
 
Есть мнение, что добавление в корзину реализовано на ajax, область перегружается с корзиной и класс пропадает.
 
Сам на днях столкнулся с багом, переставал работать слайдер когда кнопка формы нажималась, причиной оказался конфликт из за использования двух разных jquery библиотек, попробуйте отключить у вас тоже дважды подключен в:
<script type="Для просмотра ссылки Войди или Зарегистрируйся" ></script>
<script type="Для просмотра ссылки Войди или Зарегистрируйся"></script>
 
Назад
Сверху