<template>
<scroll-view class="scroll-view" scroll-y @scroll="onPageScroll">
<div class="one">one</div>
<div class="two">two</div>
<div class="three">three</div>
</scroll-view>
</template>
<script>
export default {
data() {
return {
scrollTop: 0 // 初始化滚动高度为0
}
},
methods: {
onPageScroll(event) {
console.log(event);
this.scrollTop = event.scrollTop // 更新页面滚动高度
}
}
}
</script>
<style lang="scss">
.scroll-view{
@include size(750rpx,3000rpx);
.one{
@include size(750rpx,1000rpx);
background-color: aqua;
}
.two{
@include size(750rpx,1000rpx);
background-color: red;
}
.three{
@include size(750rpx,1000rpx);
background-color: aqua;
}
}
</style>
