小程式scroll-view元件 設定橫向滾動條位置 scroll-left 無效問題
阿新 • • 發佈:2018-12-17
這個問題只是部分做資料互動時可能會碰到的問題,發現設定的 scroll-left="200" 沒有起作用.
原因:
一般在頁面載入時我們會請求資料,並渲染列表, 但是我們在標籤或者data中設定的scroll-left值會在資料渲染前賦值.
此時的scroll-view中還是空的,所以scroll-left不會生效. 我們應該在資料渲染到scroll-view中以後,再同步scroll-left的值
wx.request({ url: '*************', method:'POST', success:(res)=>{ this.data.list=this.data.list.concat(res.data) this.setData({ list: this.data.list }) //資料新增完成,此時設定left值即可生效 this.setData({ scrollLeft: this.data.scrollLeft }) }, fail: () => { wx.showToast({ title: '系統錯誤,請稍後再試', icon: 'loading' }) } }),