Javascript не работает в Firefox/IE, но работает в Chrome

Question

По какой-то причине моя функция краха навигации не работает в Firefox/IE, но работает в Chrome.

<script type="text/javascript"> 
    $(function(){ 
     $('#header').data('size','big'); 
    }); 

    $(window).scroll(function(){ 
     var $nav = $('#header'); 
     if ($('body').scrollTop() > 0) { 
      if ($nav.data('size') == 'big') { 
       $('#logo').fadeOut(300); 
       $nav.data('size','small').stop().animate({ 
        height:'95px' 
       }, 600); 
      } 
     } else { 
      if ($nav.data('size') == 'small') { 
       $('#logo').fadeIn(300); 
       $nav.data('size','big').stop().animate({ 
        height:'185px' 
       }, 600); 
      } 
     } 
    }); 
</script> 

Любые идеи? Я думаю, что это синтаксическая ошибка.

Вы можете увидеть живой пример в навигации по http://medialimes.com

Answer 1

Попробуйте использовать $(window).scrollTop() вместо $('body').scrollTop(). Это должно работать как на Chrome, так и на Firefox/IE.

Answer 2

Я думаю, что когда вы пытаетесь установить

$('#header').data('size','big') 

Безразлично фактически установить переменные данные должным образом.

Попробуйте установить его с помощью метода attr.

$(#header).attr('size','big');