Почему только на iOS устройствах перетягивается картинка и лагает скролл?

Question

[Grooblik]

sdelaymne.website

Столкнулся с проблемой на собственном сайте из-за картинки и скролла. С каких бы ios устройств и браузеров не открывал, моё большое фото суперсильно растягивается по высоте, а по ширине наоборот утягивается. Также, скролл будто лагает, и чересчур резко и тормознуто проводит анимацию перелистывания -- "инерция" скролла пропадает.

Я думал, что дело в Retina дисплее, мол он апскейлит картинки для красоты, но найти решение я не смог(

UPD: Вопрос со скроллом решён) Остался только вопрос с картинкой)

Опросил всех, кто хоть что-то смыслит в вёрстке, Хабр, помоги!

Comments

[Владислав Лысков]

Лагает скролл и на андроиде

[RAX7]

Мне любопытно, зачем вот так сделано?

function scrollChecker(){
  let scroll = $(window).scrollTop();
  $(window).scrollTop(scroll);
}

$(window).on("scroll", scrollChecker);

[Grooblik]

RAX7, Cпасибо большое! Не обращал внимания, это был избыточный код, чтобы при отправке формы не скроллилась страничка вверх! После подключения ajax он стал не нужен) Без нее скролл поправился)))

[RAX7]

Grooblik, да не за что, на будущее учти, что скрол на мобилках пассивный https://developers.google.com/web/updates/2016/06/...

[RAX7]

Grooblik, перетянутое фото возможно из-за этого бага https://github.com/philipwalton/flexbugs#flexbug-11