精确计算微信小程序scrollview高度,全机型适配

时间:2024-04-18 11:15:55
【文件属性】:

文件名称:精确计算微信小程序scrollview高度,全机型适配

文件大小:305KB

文件格式:PDF

更新时间:2024-04-18 11:15:55

精确,计算,微信,小,程序,scrollview,高度,,,

众所周知,可以滑动的 scroll 组件在移动端非常的重要,几乎每个页面都要用到。 而小程序的 scroll-view 组件就比较坑了,非得指定一个高度才能正常使用。布局复杂的时候谁还给你算高度啊。。。 坑归坑,没办法,还是得用……既然官方要求必须传高度,那就想办法计算吧。 一、布局分析,推导公式 先给个示例图: (此图片来源于网络,如有侵权,请联系删除! ) 这是一个稍微复杂点的页面,最上面是两个 tab 标签,每个标签的页面是一个子组件。第二个子组件布局是上面一个标题,下面是 scroll-view 。 再画个解剖图吧…… (此图片来源于网络,如有侵权,请联系删除! ) 页面分三部分,ta


网友评论