<scroll-view class="scroll-view" scroll-y @scroll="scrollHandle" @touchmove="scrollHandle">滑动时怎样知道向y滑动多少高度
时间: 2023-11-27 22:02:31 浏览: 86
非常感谢您的问题。在 `scrollHandle` 方法中,我们可以通过 `event.detail.scrollTop` 属性来获取当前滚动的距离,从而计算出向下滑动了多少高度。具体的代码如下:
```html
<scroll-view class="scroll-view" scroll-y @scroll="scrollHandle" @touchmove="scrollHandle">
<div :style="{height: height + 'px'}">动态高度</div>
</scroll-view>
```
```js
export default {
data() {
return {
height: 100 // 初始高度为100px
}
},
methods: {
scrollHandle(event) {
const scrollTop = event.detail.scrollTop // 获取滚动的距离
this.height = 100 + scrollTop // 计算出当前高度
}
}
}
```
在这个例子中,我们首先定义了一个初始高度为100px的变量 `height`,并且在 `scrollHandle` 方法中通过 `event.detail.scrollTop` 属性来获取当前滚动的距离。然后,我们根据滚动距离来计算出当前高度,并将其赋值给 `height` 变量,从而动态改变 `div` 的高度。
希望这个回答能够帮助到您,如果您还有任何问题,请随时提出。
阅读全文