聊天页面使用uniapp框架时,向上下拉时会产生闪屏现象

聊天页面使用uniapp框架时,向上下拉时会产生闪屏现象

解决方法:实现原理就是将滚动容器翻转180度,再将每条消息旋转180度;数据可以要后端配合做反序,或者自己循环转一下;

1:如果数据不够一屏幕,数据会显示在底部(解决方案:用设置高度的方式,外层包一个view设置flex:1或者高度,自身设置max-height: 100%; 貌似max属性在style=""里设置可以生效)

2:不能使用滚动条,因为滚动条去到了左边(解决方案,自己计算模拟一个滚动条)

https://ext.dcloud.net.cn/plugin?id=2595 

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 思路 网上一张比较清楚的图 创建桶。 将元素放入桶。(桶之间是有序的) 对桶内元素进行排序。 桶的划分和桶内排序都...
    止戈学习笔记阅读 199评论 0 0
  • 一、认知.需求.营销 l、认知是需求前提与条件,需求是营销的原点,过去是,互联网移动互联网时代更是如此。 2、认知...
    蓝狙策划阅读 275评论 0 0
  • 复习: 文件读取 认识csv格式 1.直接打开:切记要显示“.csv”后缀 记事本打开image.png subl...
    乔帮主_d2ac阅读 604评论 0 2
  • 【燃梦行动.阅读】 我是李渊文 【信念】 我在坚持“燃梦行动”! 目标虽远,持行必至! 持之以恒,久必芬芳! 【目...
    商丘李渊文阅读 171评论 0 0
  • 夜莺2517阅读 127,762评论 1 9