js-获取元素在页面的位置

武飞扬头像

道甚夷

2024-04-10 帮助1人

公式：位置 = getBoundingClientRect 滚动计算

let elContent = document.querySelector('.content').getBoundingClientRect()
let scrollX = document.documentElement.scrollLeft || document.body.scrollLeft
let scrollY = document.documentElement.scrollTop || document.body.scrollTop
let x = elContent.y   scrollX 
let y = elContent.y   scrollY

滚动位置获取是根据DTD情况即标准模式CSS1Compat

body是DOM对象里的body子节点，即 <body> 标签；
documentElement是整个节点树的根节点root，即<html> 标签；
document.documentElement 为页面滚动的值，即当前页面是否人为滚动过

这篇好文章是转载于：学新通技术网

版权申明：本站部分内容来自互联网，仅供学习及演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，请提供相关证据及您的身份证明，我们将在收到邮件后48小时内删除。
本站站名：学新通技术网
本文地址： /boutique/detail/tanhgaejac

系列文章

同类精品