jquery - 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 时有效。