微信小程序实现文字从右往左无限滚动的方法是什么（微信小程序文字靠左）

在微信小程序中，实现文字从右往左无限滚动的方法是使用CSS的animation属性设置动画效果，将文字放在一个容器中，并通过动画实现滚动效果。

在微信小程序中实现文字从右往左无限滚动，可以使用动画API来实现，具体步骤如下：

创新互联主要从事网站设计制作、网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务米东,10年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

创建动画实例

在小程序的JS文件中创建一个动画实例，用于控制文字滚动的动画效果。

// 在页面的js文件中
const animation = wx.createAnimation({
  duration: 1000, // 动画时长
  timingFunction: 'linear', // 匀速运动
  delay: 0, // 延迟时间
});

设置滚动动画

接下来，在页面的WXSS文件中，设置文字靠左，并使用animation属性将动画应用到文字上。

/* 在页面的wxss文件中 */
.text-container {
  text-align: left;
}
.scrolling-text {
  animation: scrolling linear infinite;
}

启动滚动动画

在页面的JS文件中，通过调用setData方法将动画实例应用到页面上的文字容器上，并启动滚动动画。

// 在页面的js文件中
Page({
  onLoad: function() {
    // 其他代码...
    this.startScrolling();
  },
  startScrolling: function() {
    const that = this;
    const textContainer = that.selectComponent('.text-container');
    const animation = wx.createAnimation({
      duration: 1000,
      timingFunction: 'linear',
      delay: 0,
    });
    animation.translateX(-100).step(); // 向右滚动100px
    textContainer.animate(animation);
  }
});