微信小程式文字滾動
阿新 • • 發佈:2018-11-27
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 thisscrollFn().setData({ scrollLeft: now }) getNowSrollLeft(scrollNum => {if (scrollNum === last) { this.setData({ scrollLeft: 0 }) } else { last = scrollNum } }) setTimeout(scrollFn, 100) }
}
<scroll-view id='box' scroll-x class='g-scroll__contain' scroll-left="{{scrollLeft}}"> <view>發的阿斯蒂芬撒打算打是多大十大發十大阿薩打算地方阿薩德發的阿斯蒂芬撒打算打是多大十大發十大阿薩打算地方阿薩德</view> </scroll-view>
雖然功能實現了,但是有嚴重的問題,會導致頁面上的點選事件失效