获取基于html文档真实位置

原创于 2021-11-30 16:25:18 发布 · 245 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #javascript

本文介绍了JavaScript中用于获取HTML元素相对于视口顶部位置的函数getElementTop()。该函数通过迭代元素及其父元素的offsetTop属性，计算出元素的绝对顶部位置。这对于网页交互和动态布局的实现至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

获取基于html文档真实位置

js写法：

function getElementTop(element){
    var actualTop=element.offsetTop;
    var current=element.offsetParent;
    while (current !== null)
    { 
      actualTop+=current.offsetTop;
      current=current.offsetParent;
    }
    return actualTop;
  }