Правила     Закладки     Карма    Календарь    Журналы    Помощь    Поиск    PDA    Чат   
        СМС-ки
   
Пейджер выключен!
 
Фильтр авторов:    показать 
  скрыть
  Ответ в темуСоздание новой темыСоздание опроса

> Плавающее меню некорректно работает в IE и IPAD, Прошу помощи!
Michel  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Новичок
*

Профиль
Группа: Пользователь
Сообщений: 1
Пользователь №: 42191
На форуме: 1 год
Карма:




Плавающее меню на 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});
}
}
});
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
SerginhoLD  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



че?
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 705
Пользователь №: 24500
На форуме: 6 лет, 1 месяц, 13 дней
Карма: 50




нефиг все пересчитывать по 150 раз, особенно в ie

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

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


--------------------
"internet explorer всех правильней отображает страницы" ©
PM
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
  Быстрый ответ
Информация о Госте
Введите Ваше имя
Кнопки кодов
Для вставки цитаты, выделите нужный текст и
НАЖМИТЕ СЮДА
Введите сообщение
Смайлики
:huh:  :o  ;) 
:P  :D  :lol: 
B)  :rolleyes:  <_< 
:)  :angry:  :( 
:unsure:  :blink:  :ph34r: 
     
Показать всё

Опции сообщения  Включить смайлики?
 Включить подпись?
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Опции темы Ответ в темуСоздание новой темыСоздание опроса