• 首页
  • 邻居
  • 关于
  • 归档
  • 搜索
  • 夜间模式
    ©2020-2026  我的学习笔记 Theme by OneBlog

    我的学习笔记博客

    搜索
    标签
    # 随笔 # Java # 教程 # openwrt # Mysql # SQL # 爬虫 # post # Js调优 # MAVEN
  • 首页>
  • 随笔>
  • 正文
  • uniapp将聊天页面定位始终定位到最底部展示

    2024年05月29日 1 k 阅读 0 评论 619 字

    在制作IM即时通讯的时候,常常因为发出的消息不能定位到最底部,对于新手来说比较烦恼,复制下面这段代码就能实现聊天始终定位在最底部

     this.$nextTick(() => {
      
                     // document.getElementById("scrolldIV2").scrollIntoView();     //h5端定位到指定位置    
                     setTimeout(() => {
                         uni.createSelectorQuery().select(".cu-chat").boundingClientRect(function(res) { //定位到你要的class的位置
                             console.log("标签获取====>", res)
                             uni.pageScrollTo({
                                 scrollTop: res.height,
                                 duration: 0
                             });
                         }).exec()
      
                     }, 50)
      
                     //this.viewIndex = "im_" + this.ChatList.length;
      
                 })
    
    本文著作权归作者 [ admin ] 享有,未经作者书面授权,禁止转载,封面图片来源于 [ 互联网 ] ,本文仅供个人学习、研究和欣赏使用。如有异议,请联系博主及时处理。
    取消回复

    发表留言
    回复

    首页邻居关于归档
    Copyright©2020-2026  All Rights Reserved.  Load:0.015 s
    京ICP备18019712号
    Theme by OneBlog V3.6.5
    夜间模式

    开源不易,请尊重作者版权,保留基本的版权信息。