5

ユーザーがヘッダーを下にスクロールすると、修正位置が取得されるので、修正ヘッダーのjqueryを実装しました。ただし、ie8を除くすべてのブラウザで機能します。誰かが正しい方法を提案できますか？

$(document).ready(function()
{
    $(document).scroll(function()
    {
        var window_y = $(window).scrollTop();
        var header_h = $('.header').height();
        if(window_y > header_h)
        {
            $(".header").addClass('fixed');
        }
        else
        {
            $(".header").removeClass('fixed');
        }
    });
});

実用的なリファレンスはこちらです。

4

1 に答える 1

0

これを試してみてください。これは正常に機能します。または、ヘッダーの変数を作成せずにヘッダーの高さを固定することもできます。plsは最初のコンソールを試してください。

$(window).scroll(function () {
    var header_h = $('.header').height();
    //console.log(header_h);
    if ($(this).scrollTop() > header_h) 
    {
        $(".header").addClass('fixed');
    } 
    else 
    {
        $(".header").removeClass('fixed');
    }
});

これを試すときに問題があれば教えてください

于 2012-12-01T12:41:49.050 に答える