效果：
    iShot_2022-07-05_10.44.59.gif
    代码：

    1. <!DOCTYPE html>
    2. <html>
    3.   <head lang="en">
    4.     <meta charset="UTF-8">
    5.     <title>文字从下到上无缝轮播</title>
    6.     <style>
    7.       #rollCon{width: 80%;text-align: center;display: block;overflow: hidden;color: black;height: 35%;position: absolute;top: 55%;left: 10%;}
    8.       #rollSubject{height: auto;}
    9.       #rollCopy{height: auto;}
    10.     </style>
    11.   </head>
    12.   <body>
    13.     <div id="rollCon">
    14.       <div id="rollSubject">
    15.         <p>1这是第一句话</p>
    16.         <p>2这是第二句话</p>
    17.         <p>3这是第三句话</p>
    18.         <p>4这是第四句话 </p>
    19.         <p>5这是第五句话 </p>
    20.         <p>6这是第六句话 </p>
    21.       </div>
    22.       <div id="rollCopy"></div>
    23.     </div>
    24.     <script src="//code.jquery.com/jquery-latest.js"></script>
    25.     <script>
    26.       var scrollTop = window.pageYOffset|| document.documentElement.scrollTop || document.body.scrollTop;
    27.       var rollCon = document.getElementById('rollCon');
    28.       var rollSubject = document.getElementById('rollSubject');
    29.       var rollCopy = document.getElementById('rollCopy');
    30.       rollCopy.innerHTML = rollSubject.innerHTML;
    31.       if(($('#rollSubject').height()>0)&&($('#rollSubject').height()<$('#rollCon').height())){
    32.         $('#rollCon').css('height',$('#rollSubject').height());
    33.         setInterval(Marquee, 50);
    34.       }else if(($('#rollSubject').height()>0)&&($('#rollSubject').height()>=$('#rollCon').height())){
    35.         setInterval(Marquee, 50);
    36.       }
    37.       function Marquee() {
    38.         if ((rollCopy.offsetTop-rollSubject.offsetTop)<rollCon.scrollTop)
    39.           rollCon.scrollTop =0;
    40.         else {
    41.           rollCon.scrollTop++;
    42.         }
    43.       }
    44.     </script>
    45.   </body>
    46. </html>