vue获取元素距离顶部距离,获取页面高度

最新推荐文章于 2024-08-20 11:39:25 发布

罗根-前端

最新推荐文章于 2024-08-20 11:39:25 发布

阅读量7.7k

点赞数 4

文章标签： vue

本文链接：https://blog.csdn.net/qq_58946831/article/details/120139980

版权

核心代码

<template>
    <div ref="obtain"></div>
<template/>
 
<script>
export default {
    data() {
        return {
        	screenHeight: document.body.clientHeight // 获取页面高度
        }
    },
    mounted() {
    　　// 滚动条的获取
    　　window.addEventListener('scroll', this.handleScrollx, true)
   },
    methods: {
        handleScrollx() {
          console.log('滚动高度', window.pageYOffset)
          console.log('距离顶部高度', this.$refs.obtain.getBoundingClientRect().top)
        }
    }
}
</ script>