当前位置: 首页 > Web前端 > HTML

获取任意(定位非fixed)DOM元素距离页面顶部HTML的距离

时间:2023-04-02 22:29:08 HTML

获取任何(定位非固定的)DOM元素和页面顶部HTML之间的距离){el=el.parentElement;while(el&&el.nodeName!="HTML"){//当当前元素不是最上面的html标签时,继续迭代if(getComputedStyle(el).position!=='static'){//只有当元素有定位,将本元素的offsetTop值加到结果中,因为offsetTop的值是自身到定位离自身最近的父元素内壁的距离top_height+=el.offsetTop;}el=el.parentElement;}}returntop_height;}如有不明白或错误的可以在下方评论区交流讨论