2012-12-01 20 views
5

私はユーザーがスクロールしたときに修正ヘッダーのjqueryを実装しました。しかし、ie8以外のすべてのブラウザで動作しています。誰もが正しい方法を示唆することができます。スクロールの固定ヘッダーが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'); 
     } 
    }); 
}); 

作業を参照here.

+0

問題を複製するjsfiddle.netでデモを作成することをお勧めします – charlietfl

+0

フィドルリンクが更新されましたか?それ以上のものが必要な場合は、ヘッダー部分を "shopper.queldorei.com"としたい場合は、ヘッダーをスクロールして修正してください。 – matthewb

答えて

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

最初のコンソールを試してみてくださいあなたがこれを試してみるときに何か問題があるかどうかを知る

+0

あなたがスクロールハンドラの外に移動しない限り、高さ変数には何のメリットもありません。スクロールイベントが何回も発生するので、良いアイデアです – charlietfl

+0

私はこのようなライブ作業をしています。リンクであり、あなたはこれを確認することができますhttp://msg91.com/india/ –

+0

これは正常にie8で動作します.. – matthewb

関連する問題