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

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

 this.ontouchmove = function (e) 
    {

        e.preventDefault();
}

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

html,body{
    overflow:hidden
}

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

阅读 3.9k
3 个回答
{
                    "path": "xxxxx",
                    "style": {
                        "navigationStyle": "custom",
                        "disableScroll": true
                    }
                },

页面配置里加 disableScroll 试试

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

document.querySelector('#cavans').addEventListener('touchmove', (event) => {
    event.preventDefault();
});
page {
    position: fiexd;
    overflow: hidden;
}

这样就可以

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题