滚动赞赏

  <!-- 竖向滚动 -->
<div style="height: 30px; line-height: 30px; overflow: hidden; background: #f8f9fa; padding: 0 10px; border-radius: 4px;
  <div class="vertical-scroll" id="vScroll">
    <div>谢谢~【恒哥】的赞赏，❤️感恩厚爱支持！</div>
    <div>谢谢~【杨盈】哥的赞赏，❤️感谢有你</div>
    <div>谢谢~【徐祥海】哥的赞赏，❤️感恩有你</div>
  </div>
</div>

<script>
let vScroll = document.getElementById('vScroll');
let items = vScroll.children;
let index = 0;

setInterval(() => {
  index++;
  // 滚动到下一条
  vScroll.style.transform = `translateY(-${index * 30}px)`;
  vScroll.style.transition = '0.5s';

  // 滚动到最后一条重置
  if(index >= items.length) {
    setTimeout(() => {
      index = 0;
      vScroll.style.transform = 'translateY(0)';
      vScroll.style.transition = 'none';
    }, 500);
  }
}, 3000); // 3秒切换一次
</script>