jQuery $(window).scroll和Internet Explorer (8-9)

Question

http://jsfiddle.net/CbL7W/滚动事件行为的示例。

我有这个脚本，可以在Chrome和Firefox中正常工作。

var stickyNavigationOffsetTop = $('.top-nav').offset().top;
var stickyNavigation = function () {
    var scrollTop = $(window).scrollTop();
    if (scrollTop > stickyNavigationOffsetTop) {
        $('.top-nav').css({ 'position': 'fixed', 'top': 0, 'left': 0, 'opacity': .8 });
    } else {
        $('.top-nav').css({ 'position': 'relative', 'opacity': 1 });
    }
};
stickyNavigation();
$(window).scroll(function () {
    stickyNavigation();
});

但是Internet Explorer有一个小问题:在同一个页面上，我有一个隐藏了div的脚本的链接，当发生这种情况时，有时页面会完全滚动回到页面的顶部，但当发生这种情况时，IE不会触发$(window).scroll。

页面返回顶部时的问题屏幕截图。

Chrome (OK)：http://i.stack.imgur.com/6WJx7.jpg

IE (错误)：http://i.stack.imgur.com/CXbKk.jpg

Answer 1

我也有同样的问题，尽管我很不喜欢，但我的变通方法是在显示/隐藏div时触发window.scroll事件。$(Window)滚动(‘.trigger’)；

Answer 2

在此article上查看此答案

我认为改变

$(window).scrollTop() to 
$(document).scrollTop() 

可以解决IE问题。