IE9奇妙な位置に固定問題

Question

ページを下にスクロールしながらあなたは、hereを行く場合は、ショッピングやカテゴリを含む右側のパネルも一緒に動いていることがわかります...

私はこのために、このスクリプトを使用します。

$(function() { 
    var btn = $('.scroll'); 
    var btnPosTop = btn.offset().top; 
    var win = $(window); 
    win.scroll(function (e) { 
     var scrollTop = win.scrollTop(); 
     if (scrollTop >= btnPosTop) { 
      btn.css({ position: 'fixed', top: 10, marginTop: 0, 'z-index': 1, width: '260px'}); 
     } else if (btn.css('position') === 'fixed') { 
      btn.css({ position: '', top: '', marginTop: '0px', 'z-index': 0 }); 
     } 
    }); 
}); 

IE 9では、スクロール中にdivが表示されなくなりました（ただし、表示されていますが、表示されません）。

お気づきのように、上記のスクリプトでz-indexを使用しようとしても、これで問題が解決されることが期待されていますが、無駄です。

あなたは解決策を提案できますか？

Answer 1

にposition : relativeを追加してください。

z-indexは、位置がstaticでない場合にのみ機能します。