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显示并可以实现竖向滚动;
小程序开发填坑《二十二》scroll-view高度问题
发布:2018-01-25 10:45浏览: 次来源:网络 作者:tianshu
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
相关文章
- 微信小程序开发工具 常用快捷键2018-06-09
- 微信小程序架构分析《一》调试技巧,模块构成,理念分析2018-02-07
- 微信小程序架构分析《二》:view 模块和 service 模块的构成2018-02-07
- 微信小程序架构分析《三》:实现过程以及实时更新2018-02-07
- 梁兴臣:微信小程序开发三宗罪和解决方案2018-02-07
- 微信小程序使用Promise实践2018-02-07
- 微信小程序开发系列分析《一》视图层2018-02-07
- 微信小程序开发系列分析《二》数据层2018-02-07
- 微信小程序官方文档个人分析心得2018-02-07
- 微信小程序的原型设计尝鲜2018-02-07