Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.03.2014, 23:34
Кандидат Javascript-наук
Отправить личное сообщение для fAmOus Посмотреть профиль Найти все сообщения от fAmOus
 
Регистрация: 10.07.2012
Сообщений: 105

Подмена класса при скроллинге (лаги)
Всем привет! Мне нужно пофиксить лаги на странице. До подмены ксс сайт не тормозит, а опускаешься ниже 400 пикселей, сайт начинает ловить тормоза.. поднимаешься выше, все окей.. не могу понять в чем проблема..


$(window).bind("scroll", function() {
 _scrollTop = $(this).scrollTop();
 if(400 < _scrollTop){
    if($(".menuTopLayer").css('position')!='fixed'){
        $(".menuTopLayer").hide().addClass("scrolled").fadeIn("fast");
        $(".tNews").css({paddingTop:178});
     }
 } else if(200 > _scrollTop){
    if($(".menuTopLayer").css('position')=='fixed'){
       $(".menuTopLayer").removeClass("scrolled");
       $(".tNews").css({paddingTop:120});
    }
 }
Ответить с цитированием
  #2 (permalink)  
Старый 25.03.2014, 23:42
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

fAmOus,
попробуйте останавливать анимацию строка 5 добавить stop
Ответить с цитированием
  #3 (permalink)  
Старый 25.03.2014, 23:44
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

fAmOus,
$(".menuTopLayer").stop().hide().addClass("scrolled").fadeIn("fast");
Ответить с цитированием
  #4 (permalink)  
Старый 26.03.2014, 01:11
Кандидат Javascript-наук
Отправить личное сообщение для fAmOus Посмотреть профиль Найти все сообщения от fAmOus
 
Регистрация: 10.07.2012
Сообщений: 105

рони,
ничего не изменилось
Ответить с цитированием
  #5 (permalink)  
Старый 26.03.2014, 01:49
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

fAmOus,
тогда ловите окончание скролинга
Ответить с цитированием
  #6 (permalink)  
Старый 26.03.2014, 02:34
Кандидат Javascript-наук
Отправить личное сообщение для fAmOus Посмотреть профиль Найти все сообщения от fAmOus
 
Регистрация: 10.07.2012
Сообщений: 105

рони,
ловил, все правильно работает, но лагает
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
getAllResponseHeaders() и status имеют смысл только при readyState==4? mister_maxim AJAX и COMET 7 27.03.2011 19:08
Изменение стиля родительского элемента при :hover дочернего lanzs Элементы интерфейса 2 16.10.2010 13:28
Изменение класса в <div> при нажатии на него... xmartinesx Общие вопросы Javascript 2 08.10.2010 10:57
Подмена кода php include при наведении на ссылку pavdin Общие вопросы Javascript 29 01.07.2010 18:21
Добавление класса на елемент по id при фокусе на input Andrew_tl Events/DOM/Window 1 18.02.2010 19:09