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 添加到您的#sidebar。

z-index 仅在位置不是static 时有效。