1. 程式人生 > >小程式scroll-view元件 設定橫向滾動條位置 scroll-left 無效問題

小程式scroll-view元件 設定橫向滾動條位置 scroll-left 無效問題

這個問題只是部分做資料互動時可能會碰到的問題,發現設定的 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'
        })
      }
    }),