jquery獲取元素位置 jsgetBoundingClientRect()來獲取頁面元素的位置?
jsgetBoundingClientRect()來獲取頁面元素的位置?你好,JS不會直接獲得元素相對于頁面的絕對坐標(biāo)。但是我們可以通過計算相關(guān)值得到它。首先,假設(shè)輸入元素ID為“J”umyinput
jsgetBoundingClientRect()來獲取頁面元素的位置?
你好,JS不會直接獲得元素相對于頁面的絕對坐標(biāo)。但是我們可以通過計算相關(guān)值得到它。首先,假設(shè)輸入元素ID為“J”umyinput”,然后查看以下代碼注釋:
??好,JS沒有直接獲取元素相對于頁面的絕對坐標(biāo)的方法。但是我們可以通過相關(guān)值的計算而得到。首先我們假設(shè)input元素ID為"J_MyInput",然后看下面代碼注釋:
var input = document.getElementById("J_MyInput") // 根據(jù)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 // 距左側(cè)
希望能解決你的問題,有疑問可追問,望采納~