Событие DOM Window перед покраской - PullRequest
Новая
       2

Событие DOM Window перед покраской

0 голосов
/ 19 мая 2019

Можно ли поймать событие из окна после загрузки HTML, но до того, как произойдет рисование?Или получить доступ к узлам DOM до рисования на экране?Я хотел бы изменить стиль элемента перед рисованием, чтобы избежать визуального мерцания.

Это самое близкое, что я получил, но если вы обновите страницу, вы можете увидеть окно на долю секундыдо применения изменения высоты. 

<!DOCTYPE html>
<html lang="en">
  <head>
    <style>
      #container {
        width: 200px;
        height: 200px;
        border: solid;
      }
    </style>
  </head>
  <body>
    <div id="container"></div>
    <script>
      window.addEventListener("DOMContentLoaded", () => {
        document.getElementById("container").style.height = 0;
      });
    </script>
  </body>
</html>

1 Ответ

0 голосов
/ 19 мая 2019

Если вы не хотите связываться с CSS, вы можете создать элемент с помощью Javascript и синхронно добавить его. 

window.addEventListener("DOMContentLoaded", () => {
  let container = document.createElement("div");

  container.id = "container";
  container.style.height = 0;
  document.body.appendChild(container);
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...