Дан скрипт, который закрепляет определённый блок в пределах видимости, когда скролл доходит до верхней границы браузера
$(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')
}
})
});
Но на мобильном устройстве при зуме блок стал двигаться по всей странице, закрывая собой другие. Возможно ли как-то сделать, чтобы блок не заезжал по горизонтали на другие блоки?