1. <div>
    2.     <style type="text/css">
    3.         * {
    4.             margin: 0;
    5.             padding: 0;
    6.             font-size: 12px;
    7.         }
    9.         .scrollBox {
    10.             width: 8rem;
    11.             line-height: 0.4rem;
    12.             overflow: hidden;
    13.             margin: 0;
    14.             position: absolute;
    15.             top: 3rem;
    16.             left: -1.95rem;
    17.             padding-top: 0rem;
    18.         }
    20.         .scrollBox p {
    21.             font-size: .27rem;
    22.             font-weight: 900;
    23.             letter-spacing: .1rem;
    24.             color: #ffffff;
    25.             line-height: .4rem;
    26.             text-align: center;
    27.         }
    29.         #scrollBox1 {
    30.             height: 20px;
    31.         }
    32.     </style>
    33.     <div id="scrollBox1" class="scrollBox">
    34.         <ul>
    35.             <li>
    36.                 <p>部分低至9.9元</p>
    37.             </li>
    38.             <li>
    39.                 <p>新品上新</p>
    40.             </li>
    41.             <li>
    42.                 <p>TOP品类推荐</p>
    43.             </li>
    44.             <li>
    45.                 <p>爆款秒杀</p>
    46.             </li>
    47.             <li>
    48.                 <p>整车预售</p>
    49.             </li>
    50.         </ul>
    51.     </div>
    52.     <script type="text/javascript">
    53.         function scrollBox(id) {
    54.             var self = this;
    55.             this.scrollBox = document.getElementById(id);
    56.             this.scrollHeight = this.scrollBox.scrollHeight;
    57.             this.clientHeight = this.scrollBox.clientHeight;
    58.             this.scrollBox.innerHTML += this.scrollBox.innerHTML;
    59.             this.addScroll = function () {
    60.                 if (this.scrollBox.scrollTop % this.clientHeight == 0) {
    61.                     setTimeout(m, 2000)
    62.                 } else {
    63.                     setTimeout(m, 40)
    64.                 }
    65.                 function m() {
    66.                     console.log(self.scrollBox.scrollTop);
    67.                     console.log(self.scrollBox.scrollHeight);
    68.                     if (self.scrollBox.scrollTop == self.scrollHeight) {
    69.                         self.scrollBox.scrollTop = 0;
    70.                     }
    71.                     self.scrollBox.scrollTop++;
    72.                     self.addScroll()
    73.                 }
    74.             };
    75.             this.init = this.addScroll;
    76.         }
    77.         new scrollBox("scrollBox1").init();
    78.     </script>
    79. </div>