Проблема заключается в том, что на мобильных устройствах position:fixed отличается от десктопов.
Столкнулся с тем, что идеально шапка прибивается к "потолку" странички на десктопе при прокрутке, но на safari mobile эта шапка остается просто в верху странички.
Пробовал через js все время выставлять position: top для шапки, но на Safari mobile событие внутри .scroll выполняется только после окончания прокрутки.
Пример кода js:
$(window).scroll(function() {
var posY = $(this).scrollTop();
$('#box-top').css({
'top':posY
});
});