jquery获取元素位置 jsgetBoundingClientRect()来获取页面元素的位置?
jsgetBoundingClientRect()来获取页面元素的位置?
你好,JS不会直接获得元素相对于页面的绝对坐标。但是我们可以通过计算相关值得到它。首先,假设输入元素ID为“J”umyinput”,然后查看以下代码注释:
��好,JS没有直接获取元素相对于页面的绝对坐标的方法。但是我们可以通过相关值的计算而得到。首先我们假设input元素ID为"J_MyInput",然后看下面代码注释:
var input = document.getElementById("J_MyInput") // 根据ID取得元素对象
var sizeObj = input.getBoundingClientRect() // 取得元素距离窗口的绝对位置
// 窗口的滚动偏移(垂直、水平)
var bodyOffset = {top: document.body.scrollTop, left: document.body.scrollLeft}
// 元素相对于页面的绝对位置 = 窗口滚动偏移 元素相对于窗口的绝对位置
var inputOffsetTop = sizeObj.top bodyOffset.top // 距顶部
var inputOffsetLeft = sizeObj.left bodyOffset.left // 距左侧
希望能解决你的问题,有疑问可追问,望采纳~
jquery获取元素位置 获取窗口位置 jquery获取元素绝对位置
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。