聊天頁面使用uniapp框架時,向上下拉時會產(chǎn)生閃屏現(xiàn)象

聊天頁面使用uniapp框架時,向上下拉時會產(chǎn)生閃屏現(xiàn)象

解決方法:實現(xiàn)原理就是將滾動容器翻轉(zhuǎn)180度,再將每條消息旋轉(zhuǎn)180度;數(shù)據(jù)可以要后端配合做反序,或者自己循環(huán)轉(zhuǎn)一下;

1:如果數(shù)據(jù)不夠一屏幕,數(shù)據(jù)會顯示在底部(解決方案:用設(shè)置高度的方式,外層包一個view設(shè)置flex:1或者高度,自身設(shè)置max-height: 100%; 貌似max屬性在style=""里設(shè)置可以生效)

2:不能使用滾動條,因為滾動條去到了左邊(解決方案,自己計算模擬一個滾動條)

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 思路 網(wǎng)上一張比較清楚的圖 創(chuàng)建桶。 將元素放入桶。(桶之間是有序的) 對桶內(nèi)元素進(jìn)行排序。 桶的劃分和桶內(nèi)排序都...
    止戈學(xué)習(xí)筆記閱讀 225評論 0 0
  • 一、認(rèn)知.需求.營銷 l、認(rèn)知是需求前提與條件,需求是營銷的原點(diǎn),過去是,互聯(lián)網(wǎng)移動互聯(lián)網(wǎng)時代更是如此。 2、認(rèn)知...
    藍(lán)狙策劃閱讀 295評論 0 0
  • 復(fù)習(xí): 文件讀取 認(rèn)識csv格式 1.直接打開:切記要顯示“.csv”后綴 記事本打開image.png subl...
    喬幫主_d2ac閱讀 648評論 0 2
  • 【燃夢行動.閱讀】 我是李淵文 【信念】 我在堅持“燃夢行動”! 目標(biāo)雖遠(yuǎn),持行必至! 持之以恒,久必芬芳! 【目...
    商丘李淵文閱讀 180評論 0 0
  • 夜鶯2517閱讀 128,139評論 1 9

友情鏈接更多精彩內(nèi)容