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

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

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


如图所示

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

解决办法:

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

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

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


正常显示
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,687评论 4 61
  • 在租住的小区附近,有一条没落的小吃街,空旷的街道上鲜有人经过,只有临近中午的时候,下班的人群才让它多少有点小吃街的...
    十七阙阅读 4,125评论 13 22
  • 谁能懂得夜的黑, 又是谁在无味的买醉? 那空空的酒杯, 将心灵打碎。 残留在口舌之间的, 便只剩下了回味。 销魂的...
    琢玉书生阅读 1,850评论 0 0
  • 她应该有她的幸福。那又何必横在他们之间,作一个障碍? 梁羽生是君子,所以写的小说多半有很浓的正气和书生气,这在他的...
    更欣阅读 3,971评论 0 16
  • 生命之海 有无数苍蝇逆行 我简单周游了两岸 雪花落在门庭若市的地方 穷或富的人在这里经营 火光乍现 这里真不该是我...
    翔于阅读 1,418评论 0 1

友情链接更多精彩内容