收藏
回答

当页面长度小于手机屏幕时,如何禁止页面上下滑动

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


最后一次编辑于  2018-02-05  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

5 个回答

  • 永恒君
    永恒君
    2018-02-05

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

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

    2018-02-05
    赞同
    回复
  • Lee
    Lee
    2018-02-05

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

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

    "disableScroll": false

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

    {

        "window": {

                "disableScroll": false

        }

    }




    2018-02-05
    赞同
    回复
  • 永恒君
    永恒君
    2018-02-05

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

    2018-02-05
    赞同
    回复
  • Lee
    Lee
    2018-02-05

    受教啦,谢谢!

    2018-02-05
    赞同
    回复
  • philly
    philly
    2018-02-05

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

    2018-02-05
    赞同
    回复