最近做原生LRC歌词同步ES模块，歌词翻滚和在textarea内的翻页一样都会存在顶行、顶行文本被水平截断的现象。歌词翻滚用的是div，相比textarea较好处理：

一是算法处理：通一些相关数据如歌词父元素高度、当前行offsetTop、行高等等进行计算，基本可以控制，但是算法复杂，计算量也偏大，开销不低。

二是利用flex弹性布局，设置好gap，然后那当前行offsetTop减去歌词父元素高度除以2再加上gap的一倍即可，运算依赖的数据不算多，算式相对简洁，性能应该较好。

已做好的播放器和歌词合在一块儿的模块采用第一种算法，接着要做的歌词和播放器分离的打算用第二种算法。