如何将小程序两种滚动公告栏实现方法整合为一个长尾词？

本文共计941个文字，预计阅读时间需要4分钟。

首先，效果图：+ 横向滚动条实现：+ 网上的几种方案或多或少的都有一些问题：+ 1. `setData` 定时器更新 TextView 的 margin-left 方法，由于 `setData` 的延迟，动画播放起来会出现一卡一卡的现象；+ 2. 使用 CSS 实现动画，通过 keyframe。

先上效果图：

横向滚动栏实现：
网上的几种方案或多或少都有一些问题：
1.setData定时器更新text view的margin-left方法，由于setData的毫秒延时，动画播放起来一卡一卡；
2.纯CSS实现，keyframe等，无法实现循环播放的设置；
3.使用string.length*font-size的方法获取字符串像素长度，不够精确，多次循环播放后误差会累积变大。
我采用的animate动画方法，实测动画流畅，循环播放无误差。