JS изменение класса меню не работает в IE 8

Question

У меня есть .js код, как в:

var x = jQuery(window).innerHeight(); 
jQuery(document).scroll(function() { 
    if (jQuery(this).scrollTop() >= x) { 
     jQuery('#nav').removeClass('nav').addClass('topfix_nav'); 
    } else { 
     jQuery('#nav').removeClass('topfix_nav').addClass('nav'); 
    } 
}); 

CSS:

для класса нав имеет общее свойство для меню

.topfix_nav { 
    font-family: Verdana, Geneva, sans-serif; 
    height: 60px; 
    position: fixed; 
    top: 0%; 
    right: 0%; 
    background-color: #FFF; 
    width: 100%; 
    z-index: 999; 
} 

Он работает в Chrome и Mozilla, но IE 8 не менял класс и не дает никаких ошибок.

Answer 1

Попробуйте использовать:

jQuery(window).scroll(function() { 

вместо:

jQuery(document).scroll(function() {