1. 程式人生 > >微信小程式文字滾動

微信小程式文字滾動

  startScroll() {
    let query = wx.createSelectorQuery()
    let last
    query.select('#box').scrollOffset()

    let getNowSrollLeft = function (cb) {
      query.exec(res => {
        cb(res[0].scrollLeft)
      })
    }

    let scrollFn = () => {
      var now = this.data.scrollLeft + 1
      this
.setData({ scrollLeft: now }) getNowSrollLeft(scrollNum => {if (scrollNum === last) { this.setData({ scrollLeft: 0 }) } else { last = scrollNum } }) setTimeout(scrollFn, 100) }
  
    scrollFn()
  }
<scroll-view
    id='box'
    scroll-x
    class='g-scroll__contain'
    scroll-left="{{scrollLeft}}">
    <view>發的阿斯蒂芬撒打算打是多大十大發十大阿薩打算地方阿薩德發的阿斯蒂芬撒打算打是多大十大發十大阿薩打算地方阿薩德</view>
 </scroll-view>

雖然功能實現了,但是有嚴重的問題,會導致頁面上的點選事件失效