美文网首页微信小程序开发程序员
【编程日记】小程序ScrollView与自定义按钮的小坑

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

作者: Andy刘家健 | 来源:发表于2018-05-08 10:24 被阅读31次

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

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

    如图所示

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

    解决办法:

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

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

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

    正常显示

    相关文章

      网友评论

        本文标题:【编程日记】小程序ScrollView与自定义按钮的小坑

        本文链接:https://www.haomeiwen.com/subject/sfjirftx.html