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