\n \n \n```","comment":[]}

autoscroll when i post a message

Archiviert 3 years ago

✅1

0 Nachrichten

0 Mitglieder

Erstellt 3 years ago

Aktualisiert 3 years ago

In Discord öffnen

Shithead

I wanna when i post a message it auto scroll down

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>XPNostalgia | Real time chat</title>   
    <link rel="stylesheet" href="https://unpkg.com/xp.css" />
      <link rel="icon" type="image/x-icon" href="/favicon.ico">
    <style>
      body {
      background-color: #212120;
      color: white;
      font-family: arial, sans-serif;
      }
      li{
      color:white;
      }
        .container {
  border: 2px solid #dedede;
  border-radius: 5px;
  padding: 10px;
  margin: 10px 0;
}

    </style>
  </head>
    
    <center><img src="banner.png" alt="The Banner"></center><img src="vertical.png" alt="The Banner" style="float:right">
    <!--<center><img src="gui.png" alt="GUI"></center> -->
          <center><h1>Welcome!</h1></center>
      <center><p1>Im adding chatrooms soon! Im also searching JavaScript Developers Contact me on discord.</p1></center>
  <body>      
  <audio src="msn.mp3" id="audio" controls style="display: none;"></audio>
    
      <div id="chat">     
    <div id="holder">
<br>
<br>
<div id="holder">
                      
        <ul id="messages" style="overflow-y:scroll; height:450px;"></ul>

          <div id="messageBox"> 
              <form id="send-message">
          <center><input id="chat-txt" type="text"/></center>
          <center><button id="chat-btn" type="submit" onclick="playAudio();">Submit</button></center>
                  <script>
function pageScroll() {
    window.scrollBy(0,1);
    scrolldelay = setTimeout(pageScroll,10);
}
const pageScroll = () => {
  window.setInterval(() => {

    // Scroll 10px all 25ms
    window.scrollBy(0, 10)
  }, 25)
}
    
                  
                  </script>
        </div>
        </div>