美文网首页
小程序实时聊天默认显示底部

小程序实时聊天默认显示底部

作者: 在下高姓 | 来源:发表于2020-06-15 15:35 被阅读0次
    1.scroll-into-view绑定一个变量(子节点的id)
    <scroll-view scroll-y="true"  scroll-into-view="{{ toView }}" style="height:{{h}}">
          <view class="content" wx:for="{{dataA}}" wx:key="item" id='msg-{{index}}'></view>
    </scroll-view>
    2.页面周期给变量赋值最后一个节点的id
     onShow: function () {
        let that=this;
          that.setData({
            toView: "msg-" + (that.data.dataA.length - 1),
          })
      },
    3.这样默认的最新消息就会在消息容器的底部
    

    相关文章

      网友评论

          本文标题:小程序实时聊天默认显示底部

          本文链接:https://www.haomeiwen.com/subject/txxhxktx.html