Почему страница не всегда скролит до нужного якоря?

Question

[Федор Ашифин]

Всем привет! Столкулся с такой проблемой, вроде пустяк но как решить не знаю.
вот сайт https://id.rever.com.ua/ru/ в меню пукт Контакты с якорем #kontakt на странице на блок контактов id = "kontakt"
Все как бы работает но через раз раз доедет до контактов раз стопорится на Этапах предоставления услуг.
Может кто сталкивался с такой проблемой, в чем может быть затык?

Comments

[Антон Антон]

не префетчатся все картинки и блоки удлинняются

[ProjectSoft]

Вы используете lazyload, поэтому незагруженные картинки равны размеру 0х0
Чтобы избежать этого и картинка заняла нужный размер, нужно указать ширину картинки и задать свойство aspect-ratio (соотношение сторон)
Например картинка в контактах.

.kontakts-img img {
	display: block;
	height: auto;
	max-width: 350px;
	aspect-ratio: 175 / 377;
	width: 100%;
}

Вы задали максимальную ширину, а я добавил ширину и соотношение сторон.
Тоже самое касается всех изображений, которые используют lazyload.

Это всё хорошо видно в DvTools