uniapp scroll-view 高度自适应
时间: 2023-10-03 16:06:45 浏览: 118
微信小程序完美解决scroll-view高度自适应问题的方法
5星 · 资源好评率100%
uniapp中的scroll-view组件可以通过以下方法实现高度自适应:
1. 在scroll-view组件上添加class属性,并设置为"chat-main",同时添加scroll-y属性并设置为true,这样可以启用纵向滚动。
2. 使用行内样式的方式为scroll-view组件设置高度,可以通过计算得出所需的高度。
3. 在onLoad生命周期函数中使用uni.getSystemInfo方法获取手机系统信息,并通过res.statusBarHeight获取手机状态栏高度。
4. 根据视口高度和其他组件的高度计算scroll-view的剩余高度,将其赋值给scrollviewHeight变量。
5. 将scrollviewHeight绑定到scroll-view组件的style属性上,实现高度自适应。
阅读全文