小程序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'
        })
      }
    }),