微信小程序中 scroll-view滚动条始终在最底部

1.再做微信小程序聊天得时候,聊天得消息比较多,所以需要每次将滚动框移到最底部。刚开始试了 scroll-top ,等都无效。最后决定使用scroll-into-view 也无效。
2.解决办法:scroll-into-view 指向得view得id 须要再整个页面加载完后才有效,所以再列表得数组赋值完后,再给 scroll-into-view指向得变量赋值才行。另外 scroll-view 得高度也必须给一个指定得值,不然滚动条无法移动。具体遇到得坑就这两个。
3.具体看看代码

test.wxml


  
  
 
   
   
    
     
    
        
            
        
        
        
          {{item.Content}}
        
   
   
       
             

js部分代码

if (method == 'messageList') {
         var message=JSON.parse(res.message)
         console.log(message)
        var list = that.data.msgList.concat(message || [])
          that.setData({ 
            msgList: list,
          })
        setTimeout(function () {
          that.setData({
            toView: "msg-" + (list.length - 1),
          })
        }, 100)
      }

最后看页面得效果
微信小程序中 scroll-view滚动条始终在最底部_第1张图片

你可能感兴趣的:(php)