jquery - Firefox 和 Internet Explorer 中带有 jquery 固定标头的错误

Question

各位开发者，

我一直在研究一个固定的标题，它与滚动的顶部固定标题卡入到位。

它适用于chrome，但不适用于interent explorer或firefox。

任何帮助都会很棒。

http://jsfiddle.net/j08691/f95sw/4/

var offset = $(".sticky-header").offset();
var sticky = document.getElementById("sticky-header")
var additionalPixels = 50;

$(window).scroll(function () {
    if ($('body').scrollTop() > offset.top - additionalPixels) {
        $('.sticky-header').addClass('fixed');
    } else {
        $('.sticky-header').removeClass('fixed');
    }
}); 

Answer 1

问题是$('body').scrollTop()

只需替换$('body').scrollTop()为$(document).scrollTop()

这是一个演示

Answer 2

这里的问题是$('body').scrollTop()使用$(this).scrollTop()即$(window).scrollTop()

$(window).scroll(function () {

    if ($(this).scrollTop() > offset.top - additionalPixels) {
        $('.sticky-header').addClass('fixed');
    } else {
        $('.sticky-header').removeClass('fixed');
    }
});

演示