内容字号:默认大号超大号

段落设置:段首缩进取消段首缩进

字体设置:切换到微软雅黑切换到宋体

【编程日记】小程序ScrollView与自定义按钮的小坑

2018-05-15 16:35 出处:清屏网 人气: 评论(0

关于小程序开发,我会们用到ScrollView展示列表,在使用小程序给定的底部导航按钮tabBar时候,上拉下拉正常使用。

但是有时候为了需求,要在taiBar按钮增加跳转参数或者是一个转发按钮,我不不得不将它变成自定义式的按钮。这样在使用ScorllView的时候,就会出现下拉至底时候头部页面不对齐,感觉怪怪的。

如图所示

原因是ScrollView的长度为显示长度,并没有减掉自定义tarbar的长度,导致显示有问题,不对齐

解决办法:

众所周知,小程序上长度是不固定的,但是有方法获取屏幕长度,就是使用getSystemInfo这个API

获取屏幕长度单位是px,根据需求转换为rpx

获取屏幕长度后,将ScrollView的长度 固定 为  =  屏幕长度 - tabBar长度 (单位一致)

正常显示

分享给小伙伴们:
本文标签: ScrollView小程序

相关文章

发表评论愿您的每句评论,都能给大家的生活添色彩,带来共鸣,带来思索,带来快乐。

CopyRight © 2015-2016 QingPingShan.com , All Rights Reserved.

清屏网 版权所有 豫ICP备15026204号