Прокрутка вниз не работает из-за ссылки на шрифт

Может кто-нибудь объяснить, что здесь происходит?

Как вы можете видеть в примере, прокрутка не доходит до самого низа.

Это, конечно, проблема, поскольку он не работает в соответствии с инструкциями, а именно:
scrollIntoView() или target.scroll (0, target.scrollHeight - target.clientHeight);

Как ни странно, это как-то связано со «ссылкой на шрифт» в «<head>», потому что, если я использую любой шрифт, отличный от того, который был загружен (Poppins), он работает

Источник

1 ответ

Проблема заключается во времени, необходимом для динамического рендеринга HTML и загрузки шрифта. Есть несколько вариантов, но они могут показаться немного взломанными.

  • Убедитесь, что вы используете тот же шрифт где-нибудь еще на странице. Это заставит браузер загрузить шрифт (в противном случае браузер может игнорировать шрифт до тех пор, пока он не понадобится).

  • Немного задержите прокрутку после рендеринга HTML с помощью JavaScript.

Небольшое изменение вроде этого может сработать:

Источник
Другие вопросы по тегам