переделка fixed для блока
 

Дан скрипт, который закрепляет определённый блок в пределах видимости, когда скролл доходит до верхней границы браузера

$(document)
    .ready(function () {
    var top = $('#fix')
        .offset()
        .top - parseFloat($('#fix')
        .css('marginTop')
        .replace(/auto/, 0));
    $(window)
        .scroll(function (event) {
        var y = $(this)
            .scrollTop();
        if (y >= top) {
            $('#fix')
                .addClass('fixed')
        } else {
            $('#fix')
                .removeClass('fixed')
        }
    })
});

Но на мобильном устройстве при зуме блок стал двигаться по всей странице, закрывая собой другие. Возможно ли как-то сделать, чтобы блок не заезжал по горизонтали на другие блоки?