2014-09-11 2 views
0

Я хочу изменить CSS или панель меню, прокручивая и восстанавливая старый CSS, когда прокрутка останавливается, используя if else. Это то, что я сделал до сих пор.JQuery if else on scroll

if ($(window).scroll(function() { 
    $('#nav').css('opacity', '0.85'); 
} else { 
    $('#nav').css('opacity', '1'); 
}); 

рабочий код без если заявление

$(document).scroll(function() { 
    $('#nav').css('opacity', '0.85'); 
}); 
+2

любые фидель показать? –

+0

'if ($ (window) .scroll' ... очень странно. Что действительно нужно проверить в' if'? – Regent

+1

Это, если и фигурные скобки полностью вышли из строя. –

ответ

0

Использование прокрутки и scrollstop

$(document).on("scroll", function() { 
    $('#nav').css('opacity', '0.85'); 
}); 

$(document).on("scrollstop",function(){ 
    $('#nav').css('opacity', '1'); 
}); 
+0

вы можете дать скрипку для того же –

+0

http://stackoverflow.com/questions/14035083/jquery-bind-event-on-scroll -stop – jbmyid

+0

Функция scrollstop для меня не работает –

1

Попробуйте

scrolling = "Scrolling", 
stopped = "Stopped"; 

     $(window).scroll(function() { 
      console.log(scrolling); 
      clearTimeout($.data(this, "scrollCheck")); 
      $.data(this, "scrollCheck", setTimeout(function() { 
       console.log(stopped); 
      }, 250)); 

     });