Pastebin | CSS Vmix

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <title>vMix Moderated Chat</title>

  <!-- Lien vers le CSS -->
  <link rel="stylesheet" href="style.css">

  <style>
    /* Sécurité : fond toujours transparent */
    html, body {
      width: 100%;
      height: 100%;
      margin: 0;
      background: transparent;
      overflow: hidden;
    }
  </style>
</head>

<body>

  <!-- Conteneur du chat -->
  <div id="chat-wrapper">
    <iframe
      id="social-frame"
      src="http://localhost:8088/socialqueue.html"
      scrolling="no"
      frameborder="0">
    </iframe>
  </div>

  <!-- Scroll automatique vers le bas -->
  <script>
    const iframe = document.getElementById('social-frame');

    iframe.onload = () => {
      try {
        const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;

        setInterval(() => {
          iframe.contentWindow.scrollTo({
            top: iframeDoc.body.scrollHeight,
            behavior: 'smooth'
          });
        }, 400);

      } catch (e) {
        console.log("Attente chargement iframe vMix Social");
      }
    };
  </script>

</body>
</html>