我正在嘗試使用 React、CSS 和 Firebase 創建一個帶有評論的帖子。我有這篇文章有 10 條評論?，F在我想制作動畫來向上滾動評論，而不是顯示所有 10 條評論。第一部分是我的 React JS 代碼。<div className="scroll-up">    {        comments.map((comment) => (            <p>                {comment.text}            </p>        ))    }</div>第二部分是我的 CSS 代碼：.scroll-up {    max-height: 100px;    overflow: hidden;    position: relative;}.scroll-up p {    position: relative;    width: 100%;    height: 100%;    margin: 0;    transform:translateY(100%);    animation: scroll-up 3s linear infinite;}@keyframes scroll-up {    0%   {         transform: translateY(100%);            }    100% {         transform: translateY(-100%);     }}如果只有一個評論，動畫效果很好。評論將向上滾動 3 秒并重復。問題是：如果有超過 1 條評論，所有評論將一起顯示，在彼此之上，并向上滾動 3 秒。我的問題是，如何讓評論一條一條向上滾動？編輯：我聽取了 algo_user 的建議，將 .scroll-up p 位置更改為相對位置。但現在它顯示所有評論，向上滾動 3 秒并重復。對于所有 10 條評論，3 秒只顯示前 4 或 5 條。我的新問題是，有些帖子可能有 1 條評論，有些可能有 10 條評論，我如何以相同的速度滾動所有評論？