可以使用offsetTop属性来获取元素相对于其最近的定位父元素的上边缘距离。在滚动事件中，可以通过监听scroll事件来实时获取元素的offsetTop值，以实现一些动态效果或逻辑。
计算
安全
数据库
网络和加速
企业服务
// 获取需要监听滚动事件的元素
const element = document.getElementById('myElement');
// 监听滚动事件
window.addEventListener('scroll', function() {
// 获取元素相对于其最近的定位父元素的上边缘距离
const offsetTop = element.offsetTop;
// 在滚动事件中可以根据元素的offsetTop值做一些操作
console.log('Element offsetTop:', offsetTop);
});
在上面的代码中，我们监听了scroll事件，并在事件处理函数中获取了元素的offsetTop值。根据元素的offsetTop值，可以实现例如元素随滚动条滚动而变化样式、固定在页面某个位置等动态效果。
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
推荐阅读：offsetTop在动态页面中应用
