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。