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

转载：https://blog.csdn.net/qq_42205731/article/details/83384316