我正在制作一個網站，您可以在兩個不同的列中發送消息（對于兩個假定的用戶）。有一個腳步聲系統每秒都會增加<br>一次，因此消息一出現就會立即上升。所以基本上，每次您發送一條消息時，它都會在您發送的列中上升，直到它在頁面頂部消失。我的問題如下：每次用戶輸入一條消息時，它都會使該列的所有其他消息發生變化（我認為這是正常的），但其他人的列不受此更改的影響，因此如果它是一個重要的信息。我想知道這是否可以彌補這一點；因為我已經嘗試了很多事情，但我什么也沒想到，而且由于我仍在學習，所以我看不到太遠哈哈......https://i.stack.imgur.com/tBouv.gif body {    font-family: sans-serif;    font-size: 1.3rem;    margin: 0;    background-color: #5a6c58;}.messInd {     margin: 0;    padding: 0;}#messL, #messR{    width: 24vw;    position: fixed;    bottom: 0;    background-color: pink;}.wrapper {    display: grid;    grid-template-columns: repeat(2, 1fr);    grid-gap: 0px;    grid-auto-rows: minmax(100vh, auto);    height: 100vh;}.pathL,.pathR{    -ms-overflow-style: none;  /* Internet Explorer 10+ */    scrollbar-width: none;  /* Firefox */    overflow: scroll;    position: relative;    height: 100%;    background-color: #ffdbf5;}.pathL {    background: rgb(255,219,245);    overflow: hidden;    text-align: center;    padding: 0.5rem;    grid-column: 1 / 2;}.pathR {    background: rgb(255,255,245);    grid-column: 2 / 2;} .pathL::-webkit-scrollbar, .pathR::-webkit-scrollbar{     display: none;  /* Safari and Chrome */}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div class ="wrapper">        <div class="pathL" id="droite">             <br><br><br><br><br><br><br><br><br><br><br><br><br>            <br><br><br><br><br><br><br><br><br><br><br><br><br>            <br><br><br><br><br><br><br><br><br><br><br><br>                    <div id="messL">                  <input id="mL" autocomplete="off" name="name"/>              </div>         </div>