page {} 内设置了overflow:hidden,真机调试还能上下滑动。
发布于 5 年前 作者 jun18 841 次浏览 来自 问答

最近在学 《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;
}

素材图:

1 回复

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

回到顶部