DOM Element对象的offsetXXX方法
生活随笔
收集整理的這篇文章主要介紹了
DOM Element对象的offsetXXX方法
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
原生js的offset***方法
c.offsetLeft 和 c.offsetTop
一般指當(dāng)前元素的CSS邊框相對于其offsetParent的X和Y坐標(biāo)
c.offsetHeight 和 c.offsetWidth
當(dāng)前元素及其所有內(nèi)容的高度,寬度。
c.offsetParent
大多數(shù)元素都的都是指<body>
參考《javascript權(quán)威指南 第六版》第892頁
Jquery offset()方法
Jquery已經(jīng)提供了該方法:
let offset = $(".class").offset()返回值offset是一個對象:
{top:100left:100 }表示從當(dāng)前元素到屏幕邊界的距離,單位是px.
用途
在實現(xiàn)屏幕坐標(biāo)系時很有用,如下圖:每個交叉點要可點,并且整個網(wǎng)格可以拖動到屏幕不同地方,并且要視頻不同分辨率的屏幕
參考:
offsetLeft,Left,clientLeft的區(qū)別
Box Dimensions
HTMLElement.offsetLeft
總結(jié)
以上是生活随笔為你收集整理的DOM Element对象的offsetXXX方法的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 基于汇川AM402编写跑马灯程序
- 下一篇: ubuntu wps缺少字体_WPS各版