禁止左右上下頁面滑動

項目需要，需要在頁面進行canvas繪圖。

但是移動端頁面可以隨意滑動，用戶要通過觸筆來繪圖，頁面老是晃動，體驗非常不好。

那么有什么辦法能讓頁面，或者當前div固定呢？

沒錯關鍵就是固定，剛開始百度入了很多坑，什么container容器，判斷左右滑動就preventDefault

這樣可以達到禁止左右滑動的效果，但是禁止上下就不行了。

既然固定，用固定定位不就行了嗎。實踐真的可以，固定定位當前繪圖canvas的div,其他元素隱藏。

上線發布到服務器，移動端測試沒有問題。科學家需要重新計算canvas操作的坐標問題，打醬油的你就繼續嗨。

CSS代碼

.filex{
   position:fixed;
}

JS代碼

$("header").hide();//隱藏繪圖區以外的div
$("body").addClass("filex");

$(document).on('click','#writecustomer',function(){
    $("body").toggleClass("filex");
    $("#informations").toggle();//腳部元素
    $("header").toggle();//頭部元素
});