移動頁面滾動穿透解決方案（薦）
阿新 • • 發佈：2019-02-08
移動頁面滾動穿透解決方法目前有多種解決方案，我介紹下幾種方案：
解決方案1：阻止冒泡。
//關鍵程式碼
$(".sliders,.modals").on("touchmove",function(event){
event.preventDefault();
}); 全部程式碼附上：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,user-scalable=0" 解決方案2：通過 js 來做處理
首先，設定 body 元素 overflow:hidden 預設為隱藏。
body{overflow:hidden;}其次，設定 JS ，再點選按鈕之後，將body 的 overflow:initial 即可。
<script>
for(var i = 0;i<=30;i++){
$(".list").append("<p>BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</p>");
}
$(".btns").on("tap",function(){
$(".sliders,.modals").remove();
//關鍵程式碼
$("body").css("overflow-y","initial");
});
</script>