0

開発者の皆さん、

スクロール時に上部の固定ヘッダーにスナップする固定ヘッダーに取り組んでいます。

Chrome では動作しますが、Internet 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');
    }
}); 
4

2 に答える 2

3

問題は$('body').scrollTop()

$('body').scrollTop()単純に置き換える$(document).scrollTop()

ここにデモがあります

于 2013-10-09T10:42:31.310 に答える
0

ここでの問題は、 ieの$('body').scrollTop()使用です。$(this).scrollTop()$(window).scrollTop()

$(window).scroll(function () {

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

デモ

于 2013-10-09T10:51:28.420 に答える