h5怎麼解決行動端滑動卡頓的問題

解決方法如下：

（相關視訊推薦：）

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後，整個頁面就無法滑動了