移动端文字过长自动轮播，不超长时不轮播，有没有什么好的实现方式（可能会涉及列表循环渲染）

Question

如题,移动端文字过长自动轮播，不超长时不轮播，有没有什么好的实现方式（可能会涉及列表循环渲染

Answer 1

这个demo可能会满足你的需求，文本超出一行时会自动滚动，不超出不滚动

https://codepen.io/xboxyan/pe...

实现原理跨域参考这一篇文章 https://segmentfault.com/a/11...

Answer 2

既然你什么要求都没有。那么这个需求其实挺简单。首先 overflow 改一下 scroll 或者 hidden。然后起个定时器，scroll++ 就完事了。切换内容的时候置顶一下。

内容不长的时候，没有滚动高度，所以不会滚动。

内容超长的时候，有滚动高度，那么就可以触发滚动效果了。