LINUX.ORG.RU
Форум — Web-development  

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

 , , , ,


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

★★★★★
← Тесты с Selenium 3 под Linux
django не дает статические ресуры →

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

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

Ж - жесть.

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

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

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

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

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

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

no-such-file ★★★★★
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.
← Тесты с Selenium 3 под Linux
Web-development
django не дает статические ресуры →