uniapp在手机端如何阻止页面上下滚动?

Question

在页面上画了一个canvas.然后加了ontouchstart,ontouchmove事件

 this.ontouchmove = function (e) 
    {

        e.preventDefault();
}

加了e.preventDefault();但是运行在手机app,页面依然可以上下滚动.在ontouchstart事件上也加上e.preventDefault();也不行..
甚至

html,body{
    overflow:hidden
}

这样加了overflow:hidden...手机端也不行..
请问要怎么设置让手机端禁止页面滚动?

Answer 1

{
                    "path": "xxxxx",
                    "style": {
                        "navigationStyle": "custom",
                        "disableScroll": true
                    }
                },

页面配置里加 disableScroll 试试

Answer 2

你要找到 canvas 元素，然后给他的 touchmove 事件去绑定拦截默认操作。
比如说这样:

document.querySelector('#cavans').addEventListener('touchmove', (event) => {
    event.preventDefault();
});

Answer 3

page {
    position: fiexd;
    overflow: hidden;
}

这样就可以