資訊專欄INFORMATION COLUMN
摘要：原有的結(jié)構(gòu)也還在就是不顯示。調(diào)試過程最開始把問題定位在空白區(qū)域樣式問題，包括把全部重置，強(qiáng)行展示都沒有效果。結(jié)論使用這種滑動過程中出現(xiàn)白屏的情況，暫時(shí)測試出現(xiàn)在小范圍滾動的長頁面，如果是特別長的數(shù)據(jù)列表測試是沒有出現(xiàn)這個問題。
問題描述：一個內(nèi)嵌IOSAPP的H5頁面，長頁面，大概1.6個屏幕高度，由于有列表滑動起來很不流暢，所以用了-webit-overflow-scrolling:touch;這個只針對ios端的物理滾動屬性來調(diào)整，但是滾動流暢實(shí)現(xiàn)了，部分區(qū)域因?yàn)榧恿诉@個屬性出現(xiàn)滑動白屏情況。原有的html結(jié)構(gòu)也還在就是不顯示。
調(diào)試過程：最開始把問題定位在空白區(qū)域樣式問題，包括把overflow全部重置，JS強(qiáng)行展示都沒有效果。最后發(fā)現(xiàn)引起滾動的長頁面有一個盒子沒有定義高度，這個高度是由里面的內(nèi)容撐開的，所以嘗試給這個列表盒子定了一個高度，果然在滑動的過程中不再出現(xiàn)空白區(qū)域，最后為了適配使用彈性布局，讓列表盒子撐滿剩下的屏幕，并且內(nèi)部盒子定義高度。
結(jié)論：使用-webit-overflow-scrolling:touch;這種滑動過程中出現(xiàn)白屏的情況，暫時(shí)測試出現(xiàn)在小范圍滾動的長頁面，如果是特別長的數(shù)據(jù)列表測試是沒有出現(xiàn)這個問題。
tip:這個屬性比較消耗性能，如果對于性能有要求的頁面，不是特別長的頁面可以用其他方法實(shí)現(xiàn)
完善: 要想正常使用兼容-webkit-overflow-scrolling:touch這個屬性，頂部條底部條最好不要寫固定定位，要不然你將出現(xiàn)時(shí)有時(shí)無。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/114070.html
摘要：原有的結(jié)構(gòu)也還在就是不顯示。調(diào)試過程最開始把問題定位在空白區(qū)域樣式問題，包括把全部重置，強(qiáng)行展示都沒有效果。結(jié)論使用這種滑動過程中出現(xiàn)白屏的情況，暫時(shí)測試出現(xiàn)在小范圍滾動的長頁面，如果是特別長的數(shù)據(jù)列表測試是沒有出現(xiàn)這個問題。 問題描述：一個內(nèi)嵌IOSAPP的H5頁面，長頁面，大概1.6個屏幕高度，由于有列表滑動起來很不流暢，所以用了-webit-overflow-scrolling:...
摘要：最近都在用做內(nèi)嵌頁面，在點(diǎn)擊后退時(shí)如果在路由中跳轉(zhuǎn)過多次點(diǎn)后退會后退很多次才能退出頁面用戶體驗(yàn)很差。同時(shí)，這些方法會和事件一起工作。 最近都在用vue做APP內(nèi)嵌H5頁面，在APP點(diǎn)擊后退時(shí)如果在路由中跳轉(zhuǎn)過多次 點(diǎn)后退會后退很多次才能退出頁面 用戶體驗(yàn)很差。 下面來說下解決方法 因?yàn)閔isotry模式官方說需要服務(wù)器配置所以路由一直在用hash模式，針對這一需求需要了解h5新加的...
摘要：前言微信小程序中可以直接運(yùn)行頁面，這一新組件的產(chǎn)生，可能直接導(dǎo)致小程序數(shù)量迎來一波高峰。微信小程序配置系列問題配置域名業(yè)務(wù)域名中配置的就是小程序以及和中引用的域名。 今日勵志語 要接受自己行動所帶來的責(zé)任而非自己成就所帶來的榮耀。 前言 微信小程序中可以直接運(yùn)行 web 頁面，這一新組件 web-view 的產(chǎn)生，可能直接導(dǎo)致小程序數(shù)量迎來一波高峰。本篇博文將從業(yè)務(wù)選型，微信小程序后臺...
閱讀 1211·2021-11-24 11:16
閱讀 3440·2021-11-15 11:38
閱讀 1952·2021-10-20 13:47
閱讀 559·2021-09-29 09:35
閱讀 2208·2021-09-22 15:17
閱讀 1028·2021-09-07 09:59
閱讀 3395·2019-08-30 13:21
閱讀 2919·2019-08-30 12:47
