<template>
<div ref="scroll">
<div v-for="item in 20" :key="item">{{item}}</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
created() {
},
mounted() {
window.addEventListener("scroll", this.handleScrollx,true);
},
methods: {
handleScrollx(){
console.log('滚动高度',window.pageYOffset);
console.log('距离顶部高度',this.$refs.scroll.getBoundingClientRect().top);
},
},
beforeDestroy(){
window.removeEventListener("scroll",this.handleScrollx)
}
};
</script>
<style lang="scss" scoped>
</style>