需求：頁面指定區(qū)域內的內容循環(huán)滾動，但是內容形式、高度都不固定，是接口從編輯器提取出來的內容。

代碼：

<div id="container5">
    <div class="content" id="f12red1">
            自2023年9月20日24時起，國內汽、<br>柴油價格（標準品，下同）每噸分別提高70元。<br>
            自2023年9月21日凌晨起，<br>全國加油站統(tǒng)一上調零售價格，<br>調價金額為：汽柴油、分別提高385元和370元，<br>從全國平均來看。<br>
            92#汽油 上調 0.30元/升<br>
            95號汽油 上調 0.32元/升<br>
            0#柴油 上調 0.31元/升<br>
            按照此上調幅度計算，<br>加滿一箱容量在50L的92號汽油，<br>車主可以要多花15元左右。<br>
            國家通知：<br>根據近期國際市場油價變化情況，<br>按照現行成品油價格形成機制，<br>自2023年9月20日24時起，<br>國內汽、柴油價格（標準品，下同）每噸分別提高385元、370元。<br>調整后，<br>各?。▍^(qū)、市a）和中心城市汽、柴油最高零售價格見附表。<br>相關價格聯動及補貼政策按現行規(guī)定執(zhí)行。<br>
            中石油、中石化、中海油三大公司要組織好成品油生產和調運，<br>確保市場穩(wěn)定供應，嚴格執(zhí)行國家價格政策。<br>各地相關部門要加大市場監(jiān)督檢查力度，<br>嚴厲查處不執(zhí)行國家價格政策的行為，<br>維護正常市場秩序。<br>消費者可通過12315平臺舉報價格違法行為。<br>
            <img src="https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2023%2F0921%2F0a2dd1c2j00s1b9y400e4d200u0016gg00it00ql.jpg&thumbnail=660x2147483647&quality=80&type=jpg">
    </div>
</div>

css：

#container5{
            border: 1px yellow solid;
            width: 1000px;
            height: 800px;
            font-size: 32px;
            line-height:50px;
            overflow: hidden;
            padding:20px;
}

js:

$(document).ready(function() {
  // 獲取頁面高度
  var pageHeight = $("#f12red1").height();
  
  // 設置滾動的初始位置
  var scrollPosition = 0;
  
  // 設置滾動的速度
  var scrollSpeed = 1; // 每50毫秒滾動一次
  
  // 定義滾動函數
  function autoScroll() {
    // 計算下一次滾動的位置
    scrollPosition += 1;
    
    // 如果滾動到頁面底部，將滾動位置重置為0，重新開始滾動
    if (scrollPosition >= pageHeight) {
      scrollPosition = 0;
    }
    
    // 使用animate函數實現滾動效果
    // $("#container5").animate({scrollTop: scrollPosition}, scrollSpeed );
    $("#container5").animate({ scrollTop: scrollPosition }, scrollSpeed, 'linear', function() {
        if (scrollPosition === 0) {
            autoScroll(); 
        }
    });
  }
  
  // 設置定時器，每50毫秒觸發(fā)一次滾動函數
  setInterval(autoScroll, scrollSpeed);
});