[Решено] Плавающий модуль категорий

[Sergeytrue]

Скажите, пожалуйста, можно ли сделать так, чтобы модуль "Категории" перемещался вверх-вниз при скроллинге страницы? Магазин ruchka.me.

[Shkip]

Была недавно такая же задача, но только со всей левой колонкой.

Реализация следующая:

открываем файл ...\catalog\view\theme\[ваша_тема]\template\common\header.tpl и до закрытия тега </head> добавляем скрипт

<script type="text/javascript">
$(document).ready(function(){
    var br = $.browser;
    $(window).scroll(function() {
        var top = $(document).scrollTop();
        if (top < 61) {
            $("#column-left").css({top: '0', position: 'relative'});
        } else if ((!br.msie) || ((br.msie) && (br.version > 7))) {
            $("#column-left").css({top: '22px', position: 'fixed'});
        } else if ((br.msie) && (br.version <= 7)) {
            $("#column-left").css({top: '22px', position: 'fixed'});
        }
    });
});
</script>

сохраняем, перезагружаем страницу и наслаждаемся фиксированной позицией левой колонки

Пример:

 

Фиксация одного блока, с моей точки зрения, не самое лучшее решение. 

Но если очень надо, то необходимо допилить немного модуль категорий и отредактировать скрипт.

[Merchantzz]

Подскажите, код немного подправил под свои нужды, что бы верхнюю колонку сделать плавающей, но при прокрутке на лого, блок уходит на второй план. Как сделать его поверх всех других?

<script type="text/javascript">
$(document).ready(function(){
    var br = $.browser;
    $(window).scroll(function() {
        var top = $(document).scrollTop();
        if (top < 61) {
            $("#header-bg").css({top: '0', position: 'fixed'});
        } else if ((!br.msie) || ((br.msie) && (br.version > 7))) {
            $("#header-bg").css({top: '0px', position: 'fixed'});
        } else if ((br.msie) && (br.version <= 7)) {
            $("#header-bg").css({top: '0px', position: 'fixed'});
        }
    });
});
</script>