建站
咨詢
售后
建站咨詢
新聞中心
這篇文章給大家分享的是有關(guān)h5中如何處理移動(dòng)端滑動(dòng)卡頓的問題的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過來看看吧。
創(chuàng)新互聯(lián)專注于東港網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供東港營銷型網(wǎng)站建設(shè)，東港網(wǎng)站制作、東港網(wǎng)頁設(shè)計(jì)、東港網(wǎng)站官網(wǎng)定制、小程序定制開發(fā)服務(wù)，打造東港網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供東港網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
解決方法如下：
1、ios端的-webkit-overflow-scrolling屬性可控制頁面滾動(dòng)效果，設(shè)置如下實(shí)現(xiàn)慣性滾動(dòng)和彈性效果：
body{
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
overflow-y: scroll;
}2、由于盒子設(shè)置了高度100%引起的：
html,body{
height: 100%;
}將上述代碼刪除即可。
3、如果這兩種都還是不行的話，還有一種解決辦法，就是使用mui組件里面的的區(qū)域滑動(dòng)組件
根據(jù)你的實(shí)際情況配置scroll里面的值。
注意： bounce: true這個(gè)必須為true ,如果改為false后，整個(gè)頁面就無法滑動(dòng)了
感謝各位的閱讀！關(guān)于h5中如何處理移動(dòng)端滑動(dòng)卡頓的問題就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！
網(wǎng)站欄目：h5中如何處理移動(dòng)端滑動(dòng)卡頓的問題
分享路徑：http://www.dlmjj.cn/article/gheegj.html
