vue文字循环向左滚动

Question

demo

这个demo中，想实现文字向左滚动快结束时，右边继续开始文字滚动，而不是等文字滚动完全结束之后再重新开始滚动，demo中有这样一段代码：

keyframes() {
      const from = this.prefix('transform', `translateX(${this.$el.offsetWidth}px)`);
      const to = this.prefix('transform', `translateX(-${this.$el.firstChild.offsetWidth}px)`);
      const v = `@keyframes ${this.name} {
                from { ${from} }
                to { ${to} }
            }`;
      this.styleEl.innerHTML = v;
      document.head.appendChild(this.styleEl);
    },

仓库地址
想请问大佬如何将文字的首尾衔接上，谢谢了

Answer 1

在github中发现另一个库满足你的需求，https://github.com/wj704/vue-...；clone之后在main.js中需要把New Vue的内容清除注释 即可在本地查看
希望能对你有所帮助。