LINUX.ORG.RU

Странный скролл

 , , , ,


0

1

Работает отлично на десктопе.

$(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 пикселей, а второй нужно закреплять вверху при прокрутке. На айпаде у клиентов происходит так: когда прокручивают от самого верха шапка фиксируется только когда прокрутка остановится. Если мотать пальцем с другого места то всё нормально. Это такой баг или фича? Можно ли вылечить? Только на сафари или на всех мобильных девайсах так?

Или костыль какой придумать пока, если нормальных решений нет.

cinyflo
() автор топика

Ж - жесть.

Ты бы хоть элементы один раз получил — оно у тебя на каждый пук по селекторам бегает, проц кушает.

deep-purple
()
Ответ на: комментарий от deep-purple

Дело скорее всего в js, если я просто изначально ставлю fixed через css и всё норм. Наверное scrollTop выщитывает высоту не сразу, а когда экран не двигается? Потому что такое только при скролле от самого верха.

cinyflo
() автор топика

Это такой баг или фича?

Это багофича сафари. И не только это, там вообще скролл через жопу.

no-such-file 👍👍👍👍👍
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.