js实现横向字幕滚动 无缝衔接

可以使用CSS3的animation属性来实现横向字幕滚动，具体实现方法如下：

HTML代码：

<div class="scroll-wrap">
  <div class="scroll-text">这里是滚动的文字</div>
</div>

CSS代码：

.scroll-wrap {
  overflow: hidden;
  position: relative;
}

.scroll-text {
  position: absolute;
  white-space: nowrap;
  animation: scroll 10s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

其中，scroll-wrap元素设置了overflow:hidden和position:relative属性，用于隐藏超出部分和设置相对定位。scroll-text元素设置了position:absolute和white-space:nowrap属性，用于绝对定位和禁止换行。animation属性用于设置动画效果，其中scroll为动画名称，10s为动画持续时间，linear为动画速度曲线，infinite为动画循环次数。@keyframes用于定义动画关键帧，0%表示动画开始时的状态，100%表示动画结束时的状态，transform:translateX(-100%)表示将元素向左平移100%的距离，即实现滚动效果。