scroll-view的高度应该怎么自适应
时间: 2023-10-18 14:16:09 浏览: 133
要让`scroll-view`的高度自适应,可以通过以下两种方式实现:
1. 设置`scroll-view`的高度为`auto`,这样`scroll-view`会根据内容自动调整高度。
```html
<scroll-view style="height: auto;">
<!-- scroll-view的内容 -->
</scroll-view>
```
2. 使用`wx.createSelectorQuery`获取`scroll-view`中内容的高度,并设置为`scroll-view`的高度。
```html
<scroll-view style="height: {{scrollViewHeight}}px;">
<!-- scroll-view的内容 -->
</scroll-view>
```
```javascript
// 在Page或Component中
onPageReady: function() {
const query = this.createSelectorQuery();
query.select('.scroll-view-content').boundingClientRect();
query.exec((res) => {
const scrollViewHeight = res[0].height;
this.setData({
scrollViewHeight: scrollViewHeight,
});
});
},
```
其中,`.scroll-view-content`是`scroll-view`中内容的class或者id。
阅读全文