大家好~
为什么我在页面加载完后的元素距页面顶部距离，和我给页面添加滚动事件中找该元素距页面顶部距离会不一样呢？（当页面滚动为0时）
加载后的距离为839，添加上滚动事件后的距离为38（当页面滚动为0时）。
我怀疑添加上滚动事件后的距离不是距页面顶部，而是距父元素的距离。
但是使用的都是offset.top()方法啊，下边是我的代码，请大神帮我看下，谢谢!
关于元素距离页面顶部距离的问题
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
- 2020-10-15 01:04本文档介绍了一个特定的技术实现点：如何在Vue中实时监听某个元素距离页面顶部的高度变化。这一操作在网页开发中非常有用，比如需要根据页面的滚动情况动态更新某些元素的样式或行为。 文档首先提出了一个疑问：...
- 2025-04-21 17:55一颗不甘坠落的流星的博客 React 获取元素距离页面顶部的距离
- 2020-12-23 04:30宋简单的博客 VUE如何实时监听元素距离顶部高度发布时间：2020-07-30 09:09:43来源：亿速云阅读：150作者：小猪这篇文章主要讲解了VUE如何实时监听元素距离顶部高度，内容清晰明了，对此有兴趣的小伙伴可以学习一下，相信大家阅读...
- 2025-11-17 06:37在前端开发中，我们经常会遇到需要获取页面元素相对于浏览器窗口的位置信息，例如元素距离页面顶部（top）、左侧（left）、右侧（right）以及底部（bottom）的距离。这些信息对于进行元素的定位布局是非常关键的。...
- 2023-09-25 11:40chendawen2014的博客 得换成this.$refs.xxx.$refs.yyy[0].offsetTop(xxx为子组件得ref，yyy为子组件里面的元素ref)//this.$refs.$el.tag.xxx.offsetTop(这是网上找到的，但是我实测不行)，下面是获取元素离页面顶部的距离的使用方法。...
- 2020-10-18 02:22在网页开发中，有时我们需要知道用户滚动页面时，滚动条相对于页面顶部的位置。这在创建响应式设计、固定导航栏或者实现滚动特效时非常有用。标题提到的“jquery判断滚动条距离顶部的距离方法”就是这样的一个功能，...
- 2024-04-08 17:49Lipn的博客 使用getBoundingClientRect()方法计算元素顶部与浏览器顶部的距离
- 2022-06-07 10:32只会cv的小前端的博客 获取当前元素距离可视区域四周的距离
- 2020-10-24 17:24然后，为了计算元素距离文档顶部和底部的距离，我们需要考虑用户滚动页面的情况。可以使用`$(document).scrollTop()`获取当前滚动条在垂直方向上的位置，`$(window).height()`获取浏览器窗口的高度。类似地，对于...
- 2021-09-06 17:13罗根-前端的博客 核心代码 <template> <div ref="obtain"></div> <template/> <... screenHeight: document.body.clientHeight // 获取页面高度 } }, mounted() { // 滚动条的获取
- 没有解决我的问题, 去提问
