【编程日记】小程序ScrollView与自定义按钮的小坑
2018-05-08 本文已影响31人
Andy刘家健
关于小程序开发,我会们用到ScrollView展示列表,在使用小程序给定的底部导航按钮tabBar时候,上拉下拉正常使用。
但是有时候为了需求,要在taiBar按钮增加跳转参数或者是一个转发按钮,我不不得不将它变成自定义式的按钮。这样在使用ScorllView的时候,就会出现下拉至底时候头部页面不对齐,感觉怪怪的。
如图所示原因是ScrollView的长度为显示长度,并没有减掉自定义tarbar的长度,导致显示有问题,不对齐
解决办法:
众所周知,小程序上长度是不固定的,但是有方法获取屏幕长度,就是使用getSystemInfo这个API
获取屏幕长度单位是px,根据需求转换为rpx
获取屏幕长度后,将ScrollView的长度固定为 = 屏幕长度 - tabBar长度 (单位一致)
正常显示