查找html中某个标签距离浏览器窗口工作区顶部距离和左侧距离

Posted Jay_帅小伙

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了查找html中某个标签距离浏览器窗口工作区顶部距离和左侧距离相关的知识,希望对你有一定的参考价值。

js获取到dom节点传进去

export function getElementDistance(element) 
  var left = element.offsetLeft;// 当前元素左边距
  var top = element.offsetTop;// 当前元素上边距
  var parent = element.offsetParent;// 当前元素的父级元素
  while (parent !== null) 
    left += parent.offsetLeft;// 累加左边距
    top += parent.offsetTop;// 累加上边距
    parent = parent.offsetParent;// 依次获取父元素
  
  return  left, top ;


以上是关于查找html中某个标签距离浏览器窗口工作区顶部距离和左侧距离的主要内容,如果未能解决你的问题,请参考以下文章

如何用jquery获得页面元素到窗口顶部的距离?

jq获取某个元素距离可视窗口距离怎么写

元素随着滚动条滚动而滚动,但是到浏览器窗口顶部的距离是固定的功能代码

js获取滚动条距离浏览器顶部,底部的高度,兼容ie和firefox

如何获取元素距离页面顶部的高度

jquery获取元素与屏幕高度距离