最近在学 《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;} |
素材图:

这么奇怪的吗?代码发出来看看呢
代码贴上了,代码结构、样式都挺简单的,就是不清楚问题所在。
图也给个呢。。
就给你用的图
素材图贴上了,大小是 750*1496,宽度正好,高度比较高,所以能上下滑动,但我也在 page{ } 里设置了 overflow:hidden。
好奇怪。。无效了。。
新建个 index.json 加上
{
"disableScroll":true
}