Исправлена ​​проблема со странной позицией в IE9

Если вы перейдете здесь, прокручивая страницу вниз, вы заметите, что правая панель с покупками и категориями перемещается также...

Я использую этот скрипт для этого:

 $(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 в приведенном выше скрипте, надеясь, что это решит проблему, но тщетно.

Можете ли вы предложить решение?


person Cristian Boariu    schedule 03.03.2012    source источник


Ответы (1)


Добавьте position : relative к #sidebar.

z-index работает только тогда, когда позиция не static.

person mddw    schedule 03.03.2012