Question

嘿同事们，

我一直在研究一个固定的标题，它会在滚动时使用顶部固定标题捕捉到位。

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

任何帮助都会很棒。

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()

即可

这是demo

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');
    }
});

DEMO

Firefox和Internet Explorer与jquery固定标头中的错误

2 个答案: