[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Плавающее меню некорректно работает в IE и IPAD
Michel
Плавающее меню на jQuery.
На всех браузерах, кроме IE и на Ipad, работает идеально, а в указанных при скроллинге происходит "дерганье" меню - оно передвигается как-бы ступеньками.
Тестовая версия здесь (левое красное вертикальное меню): test.riverset.ru/payment

$(window).scroll(function() {
var sb_m = -55; /* отступ сверху и снизу */
var mb = 79; /* высота подвала */
var st = $(window).scrollTop();
var sb = $(".sticky-block");
var sbi = $(".sticky-block .inner");
var sb_ot = sb.offset().top;
var sbi_ot = sbi.offset().top;
var sb_h = sb.height();
if(sb_h + $(document).scrollTop() + sb_m + mb < $(document).height()) {
if(st > sb_ot) {
var h = Math.round(st - sb_ot) + sb_m;
sb.css({"paddingTop" : h});
}
else {
sb.css({"paddingTop" : 0});
}
}
});
SerginhoLD
нефиг все пересчитывать по 150 раз, особенно в ie

доскроллил до нужного места, когда липнуть меню должно, position: fixed; этому меню, и всё,
т.е. по сути добавляешь доп класс к контейнеру, у которого position: fixed; и top на нужное расстояние

и вычисления свои из $(window).scroll() вынеси, один раз нужно узнать все и дальше просто использовать

_____________
"internet explorer всех правильней отображает страницы" ©
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.