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

最近在学 《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 回复

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

回到顶部