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