h5怎么解決移動端滑動卡頓的問題

解決方法如下：

（相關視頻推薦：html視頻教程）

1、ios端的-webkit-overflow-scrolling屬性可控制頁面滾動效果，設置如下實現慣性滾動和彈性效果：

body{ -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-y: scroll; }

2、由于盒子設置了高度100%引起的：

html,body{ height: 100%; }

將上述代碼刪除即可。

3、如果這兩種都還是不行的話，還有一種解決辦法，就是使用mui組件里面的的區域滑動組件

<div class="mui-scroll-wrapper"> 	<div class="mui-scroll"> 		<!--這里放置真實顯示的DOM內容--> 	</div> </div> <script> mui('.mui-scroll-wrapper').scroll({        scrollY: true, //是否豎向滾動        scrollX: false, //是否橫向滾動        startX: 0, //初始化時滾動至x        startY: 0, //初始化時滾動至y        indicators: true, //是否顯示滾動條        deceleration:0.0006, //阻尼系數,系數越小滑動越靈敏        bounce: true //是否啟用回彈 }); </script>

根據你的實際情況配置scroll里面的值。

注意： bounce: true這個必須為true ,如果改為false后，整個頁面就無法滑動了

相關推薦：h5