找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 小程序开发 查看内容

小程序开发填坑《二十二》scroll-view高度问题

作者:模板之家 2018-1-25 10:44 451人关注

croll-view 的高度问题: 在模拟器上可以上下拉动 但是真机上就只显示一屏 其他部分被截断了 解决方案:srcoll-view 设置sroll-y=true 默认scroll-y和scroll-x 都是false 补充: 根据微信小程序API上

croll-view 的高度问题: 在模拟器上可以上下拉动 但是真机上就只显示一屏 其他部分被截断了


解决方案:srcoll-view 设置sroll-y=“true”
默认scroll-y和scroll-x 都是false




补充:
根据微信小程序API上说,scroll-view要实现竖向滚动,必须设置scroll-view的height
个人测试效果:
1、父元素设置min-height为100%,srcoll-view 未设置scroll-y="true" 并未设置高度;scroll-view内内容不会向下滚动,向下滚动的效果是最外祖先元素的滚动;
2、父元素设置height为100%,scroll-view未设置scroll-y="true" 并未设置高度,scroll-view内容被截断;
3、父元素设置height为100%,scroll-view设置scroll-y="true",并未设置高度,scroll-view不显示;
4、 父元素设置height为100%,scroll-view设置scroll-y="true",并设置高度height,scroll-view显示并可以实现竖向滚动;

路过

雷人

握手

鲜花

鸡蛋
原作者: 模板之家 来自: 网络收集

全部回复(0)