html文本从右到左,js文字从右往左无限滚动 支持PC，移动端

一、概述：

关于文字滚动插件太多，PC跟移动端使用来能同时兼容的并不多，基于以上原因自己还是动手写了一个单纯的文字从右向左滚动的DEMO，思路来源于上一篇《小程序 文字从右往左无限滚动》。一个页面支持多个滚动。

二、实现过程：

1、解决思路：

如果宽度滚动小于文字内容宽度，则滚动，反之停止。默认是只有一条标签，但是在实现过程中需要最好需要二条来实现，所以js会自动添加一条相同的内容。滚动的时候最好的方法不是让它滚完，而是当第一条滚动完后,同于第一条和第二条是无缝的，所以重新又从第一个内容开始滚动，切换时完全看不出来有什么不同。控制起来也比较简单，这种方法也是巧妙的利用了位置的障眼法。

2、完整的html代码 DEMO地址http://www.86y.org/demo/scrolltxt.html 建议打开后缩小窗口再刷新才可以看到效果，默认窗口比较大文字不够宽所以不会滚动

文字从右往左无限滚动 支持PC，移动端-幸凡学习网

body,p{margin:0;padding:0;}

.scroll_area{background:#f2f2f2;padding:0 10px;width:320px;margin:0 auto;}

.scroll_area .content{overflow:hidden;position:relative;color:#666;height:50px;line-height:50px;margin-