Js獲取元素相對適口位置
getBoundingClientRect()方法返回一個矩形物件,包含四個屬性:left、top、right和bottom,分別表示元素各邊與頁面上邊和左邊的距離。用法如下
let rect = element.getBoundingClientRect();
element為當前元素,獲取其相對其位置資料的程式碼如下:
rect.top
rect.left
rect.right
rect.bottom
相關文章
- getBoundingClientRect方法獲取元素在頁面中的相對位置GCclient
- [WPF]獲取控制元件間的相對位置控制元件
- 用 js 獲取頁面元素的位置圖文總結JS
- JS 獲取文件元素JS
- 如何用jst獲取DOM元素在頁面中的絕對位置?JS
- 獲取元素大小、偏移量及滑鼠位置
- JavaScript獲取元素在陣列中的位置JavaScript陣列
- 最全的獲取元素寬高及位置的方法
- js獲取iframe和父級之間元素,方法、屬,獲取iframe的高度自適應iframe高度JS
- JS基礎_獲取元素的樣式JS
- 封裝js獲取當前元素的弟弟元素節點封裝JS
- 小程式獲取當前元素在螢幕中的位置
- 線上直播原始碼,js獲取捲軸的位置原始碼JS
- js根據ip地址獲取城市地理位置JS
- 使用JS獲取當前地理位置方法彙總JS
- JS獲取元素寬高的兩種情況JS
- iframe的操作-Js/Jquery獲取iframe中的元素JSjQuery
- 獲取位置資訊
- Python獲取IP地址對應的地理位置資訊!Python
- JavaScript獲取父元素下子元素節點JavaScript
- android獲取位置並上傳Android
- 智慧手環如何獲取位置?
- react native 獲取地理位置React Native
- dom元素操作獲取等
- jquery獲取元素節點jQuery
- js劃詞翻譯、螢幕取詞,取詞位置獲取(真正解決定位問題)JS
- JS 不使用 for forEach 獲取兩陣列中重複的元素JS陣列
- js元素尺寸和位置,包含clientWidth、offsetWidth、scrollWidth等JSclient
- js獲取日期JS
- FileUpload 上傳的檔案獲取相對路徑
- input 獲取游標位置與設定游標位置
- position:fixed 相對父元素定位
- 【IDL】獲取n*n陣列的對角線元素的方法陣列
- 關於CSS中的定位使用子絕父相(子類絕對位置和父類相對位置)CSS
- JS陣列at函式(獲取最後一個元素的方法)介紹JS陣列函式
- 微信小程式獲取當前位置微信小程式
- Revit獲取元素的巢狀族巢狀
- CSS 獲取所有緊鄰兄弟元素CSS
- JavaScript 通過class獲取元素物件JavaScript物件