禁止左右上下页面滑动

项目需要，需要在页面进行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();//头部元素
});