Задать вопрос

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

Всем привет! Столкулся с такой проблемой, вроде пустяк но как решить не знаю.
вот сайт https://id.rever.com.ua/ru/ в меню пукт Контакты с якорем #kontakt на странице на блок контактов id = "kontakt"
Все как бы работает но через раз раз доедет до контактов раз стопорится на Этапах предоставления услуг.
Может кто сталкивался с такой проблемой, в чем может быть затык?
  • Вопрос задан
  • 195 просмотров
Подписаться 1 Простой 3 комментария
Решения вопроса 1
@AnKu_11
Т.к. картинка прогружается позже - происходит сдвиг макета.
Варианты решения:
  1. Поставьте атрибуты width / height для картинки, из них браузер поймет пропорции и зарезервирует место под изображение, что предотвратит сдвиги макета;
  2. Установить aspect-ratio свойство, через css aspect-ratio: var(--width) / var(--height); или точные значения - не работает в IE;
  3. Установить aspect ratio через дополнительную обертку с паддингом, в которой разместить изображение абсолютно. Типа div.ratio>img.absolute, в стилях для .ratio ставим padding-top: calc(100% / var(--width) * var(--height));
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы