当页面长度小于手机屏幕时,如何禁止页面上下滑动
发布于 6 年前 作者 na06 19186 次浏览 来自 问答

现在有一个单页面应用,页面设计的和手机屏幕大小一致,如何能禁止页面的上下滑动呢,另外,应用中存在水平滑动的模块(scroll-view,水平方向)

5 回复

谢谢您的提示,问题解决了!

不过,有个地方需要更正下:是在app.json文件里设置,而不是page.json,

“disableScroll”: false

设置如下,供其他人参考:

{

    “window”: {

            “disableScroll”: false

    }

}


受教啦,谢谢!

app.json 是全局的,paga.json 是每页都可以有各自的配置,是个代称,比如 detail.json 等统称为 page.json。

如果是弹窗,不想弹窗滑动影响到底层页面滑动效果呢?有没有什么好的解决方法,弹窗有可能有滚动,页面也有可能超出滚动

如果是一直不让滑动,可以在 page.json 里设 “disableScroll”: false。

如果是滑一半后要禁用,可以显示一层 fixed 全屏并 catchtouchstart 的空层。

回到顶部