收藏
回答

page {} 内设置了overflow:hidden,真机调试还能上下滑动。

最近在学 《Next 学院趣味图》,page{ } 内设置了 overflow:hidden,开发者工具不能上下滑动了,真机调试还能上下滑动。

page {

width: 100%;

height: 100%;

overflow: hidden

}

Next 学院趣味图》课程里的源代码也是开发者工具不能上下滑动,真机能上下滑动,但官方上线的Next 学院趣味图》小程序里页面背景图不能上下滑动,很正常。

请教一下可能是哪里出现了问题,谢谢!

弄了一晚上,还是没弄出问题所在,请大家给看看。谢谢!

wxml:

<image class='bg' src='../../img/bg.png' mode='widthFix'/>
<button class='page-upload' bindtap='onUploadPhoto'>上传照片</button>

wxss:

page {
  width: 100%;
  height: 100%;
  overflow: hidden
}
 
.bg {
  width: 100%;
}
 
.page-upload {
  position: fixed;
  bottom:200rpx;
  width: 460rpx;
  left: 50%;
  margin-left: -230rpx;
  background-color: #23b8ff;
  color: #fff;
}

素材图:


最后一次编辑于  2019-01-17
回答关注问题邀请回答
收藏

1 个回答

  • 卢霄霄
    卢霄霄
    2019-01-17

    这么奇怪的吗?代码发出来看看呢

    2019-01-17
    有用
    回复 7
    • SONG
      SONG
      2019-01-17

      代码贴上了,代码结构、样式都挺简单的,就是不清楚问题所在。

      2019-01-17
      回复
    • 卢霄霄
      卢霄霄
      2019-01-17回复SONG

      图也给个呢。。

      2019-01-17
      回复
    • 卢霄霄
      卢霄霄
      2019-01-17回复SONG

      就给你用的图

      2019-01-17
      回复
    • SONG
      SONG
      2019-01-17回复卢霄霄

      素材图贴上了,大小是 750*1496,宽度正好,高度比较高,所以能上下滑动,但我也在 page{ } 里设置了 overflow:hidden。

      2019-01-17
      回复
    • 卢霄霄
      卢霄霄
      2019-01-17回复SONG

      好奇怪。。无效了。。

      新建个 index.json  加上

      {

          "disableScroll":true

      }

      2019-01-17
      1
      回复
    查看更多(2)
登录 后发表内容