收藏
回答

flex page height 100% 仍会上下滚动

问题模块
客户端

iOS下才有这个问题,Android下不会。


wxml包含header、body、footer三段,其中body是scroll-view:

<view class="page-header">..

<scroll-view class="page-body">...

<view class="page-footer">...


wxss:

page{

  height: 100%;

  width: 100%;

  display: flex;

  flex-direction: column;

}


body的内容可以上下滚动,但滚动到底时,继续滚会导致整个页面上滚,导致首尾不该滚动的部分滚动了




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

4 个回答

  • Special
    Special
    2017-02-23

    iOS 几的系统?

    开一下开发者工具的 上传代码时样式文件自动补全 看看?

    2017-02-23
    赞同
    回复
  • Tïedào
    Tïedào
    2017-02-24

    @Special

    公司多部iPhone试了都有这个问题(大部分都是iOS10)。已经开启“上传代码时样式文件自动补全”。

    2017-02-24
    赞同
    回复
  • Tïedào
    Tïedào
    2017-04-01

    scroll-view增加下面(粗体)样式解决了这个问题:

    .page-body{

      display: flex;

      flex: 1;

      flex-direction: column;

      height: 100%;

      overflow-y: auto;

      -webkit-overflow-scrolling: touch;

    }


    2017-04-01
    赞同
    回复
  • 郝sir
    郝sir
    2018-03-04

    不管用啊,我按楼上方法加了,页面仍在上下滑动。

    2018-03-04
    赞同
    回复