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

將您的#sidebar加入position : relative。

z-index只適用於位置不是static。