jquery获取元素位置 jsgetBoundingClientRect()来获取页面元素的位置?
jsgetBoundingClientRect()来获取页面元素的位置?你好,JS不会直接获得元素相对于页面的绝对坐标。但是我们可以通过计算相关值得到它。首先,假设输入元素ID为“J”umyinput
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 // 距左侧
希望能解决你的问题,有疑问可追问,望采纳~