jquery滚动向上字幕

你可以使用jQuery做一个滚动向上的字幕效果，具体代码如下：

HTML代码：

<div class="scroll-up">
  <div class="scroll-up-content">
    <p>这是第一条滚动字幕</p>
    <p>这是第二条滚动字幕</p>
    <p>这是第三条滚动字幕</p>
    <p>这是第四条滚动字幕</p>
    <p>这是第五条滚动字幕</p>
  </div>
</div>

CSS代码：

.scroll-up {
  position: relative;
  height: 50px;
  overflow: hidden;
}

.scroll-up-content {
  position: absolute;
  top: 0;
  left: 0;
}

.scroll-up p {
  margin: 0;
  padding: 10px;
  font-size: 16px;
  line-height: 30px;
}

jQuery代码：

$(function() {
  var $scrollUp = $('.scroll-up');
  var $scrollUpContent = $('.scroll-up-content');
  var scrollUpHeight = $scrollUp.height();
  var scrollUpContentHeight = $scrollUpContent.height();
  var scrollUpTopPosition = 0;

  function scrollUp() {
    scrollUpTopPosition++;
    if (scrollUpTopPosition > scrollUpContentHeight - scrollUpHeight) {
      scrollUpTopPosition = 0;
    }
    $scrollUpContent.css('top', -scrollUpTopPosition);
  }

  setInterval(scrollUp, 30);
});

这段代码会使得字幕向上滚动，每30毫秒滚动一次。你可以根据自己的需要更改滚动速度和间隔时间。