最近在学 《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 : 200 rpx; width : 460 rpx; left : 50% ; margin-left : -230 rpx; background-color : #23b8ff ; color : #fff ; } |
素材图:
这么奇怪的吗?代码发出来看看呢
代码贴上了,代码结构、样式都挺简单的,就是不清楚问题所在。
图也给个呢。。
就给你用的图
素材图贴上了,大小是 750*1496,宽度正好,高度比较高,所以能上下滑动,但我也在 page{ } 里设置了 overflow:hidden。
好奇怪。。无效了。。
新建个 index.json 加上
{
"disableScroll":true
}