Работает отлично на десктопе.
$(function(){
$(window).scroll(function(){
if($(this).scrollTop() >= 36){
$('.header__main').addClass('js-fixed');
$('.home, .catalog').css('margin-top', '36px');
}else{
$('.header__main').removeClass('js-fixed');
$('.home, .catalog').css('margin-top', '0');
}
});
});
Шапка состоит из двух блоков, верхний 36 пикселей, а второй нужно закреплять вверху при прокрутке. На айпаде у клиентов происходит так: когда прокручивают от самого верха шапка фиксируется только когда прокрутка остановится. Если мотать пальцем с другого места то всё нормально. Это такой баг или фича? Можно ли вылечить? Только на сафари или на всех мобильных девайсах так?