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(正常): /image/6WJx7.jpg

IE(错误): /image/CXbKk.jpg

Answer 1

我有同样的问题，尽管我不喜欢它，但我的解决方法是在显示/隐藏 div 时触发 window.scroll 事件。 $(window).trigger('滚动');