怎么获取微信小程序scroll-view横向滚动的可滚动宽度
时间: 2023-12-31 13:05:17 浏览: 200
要获取微信小程序scroll-view横向滚动的可滚动宽度,可以通过以下步骤实现:
1. 获取scroll-view组件的宽度和高度。
2. 获取scroll-view下的子元素的宽度和高度。
3. 根据子元素的宽度和scroll-view的宽度计算可滚动的宽度。
具体代码如下:
```
// 获取scroll-view组件的宽度和高度
const query = wx.createSelectorQuery()
query.select('#scroll-view').boundingClientRect()
query.exec((res) => {
const scrollViewWidth = res[0].width
const scrollViewHeight = res[0].height
// 获取scroll-view下的子元素的宽度和高度
query.select('#scroll-view-content').boundingClientRect()
query.exec((res) => {
const contentWidth = res[0].width
// 根据子元素的宽度和scroll-view的宽度计算可滚动的宽度
const scrollWidth = contentWidth - scrollViewWidth
console.log('可滚动的宽度:', scrollWidth)
})
})
```
其中,`#scroll-view`和`#scroll-view-content`分别是scroll-view组件和其下的子元素的id。
阅读全文