獲取元素的大小及其相對於視口的位置

2021-08-20 06:28:55 字數 945 閱讀 8579

返回值是乙個 domrect 物件,具有四個唯讀屬性left、top、right、bottom,單位為畫素。這個物件是由該元素的 getclientrects() 方法返回的一組矩形的集合, 即:是與該元素相關的css 邊框集合 。除了 width 和 height 外的屬性都是相對於視口的左上角位置而言的

盒子的內容為空時,這個矩形給該元素返回的 width、height 值為0,left、top值為第乙個css盒子(按內容順序)的top-left值

當計算邊界矩形時,會考慮視口區域(或其他可滾動元素)內的滾動操作,也就是說,當滾動位置發生了改變,top和left屬性值就會隨之立即發生變化(相對於視口的)。如果你需要獲得相對於整個網頁左上角定位的屬性值,那麼只要給top、left屬性值加上當前的滾動位置window.scrollx/window.scrolly(從左側/頂部滾動的值),這樣就可以獲取與當前的滾動位置無關的值。

為了跨瀏覽器相容,請使用 window.pagexoffset 和 window.pageyoffset (ie8及之前不支援)代替 window.scrollx 和 window.scrolly(除ie8及之間的瀏覽器,所有主流瀏覽器均支援)

screenxy參照點顯示器的位置,和瀏覽器無關

offsetxy參照點是滑鼠當前指向物件,offsetx/y 滑鼠

clientxy參照點是瀏覽器內容區域的左上角(瀏覽器視窗)

pagexy參照點為頁面左上角,和瀏覽器寬高和滾動條等無關(頁面頂端)

window.scrollby(n,n)兩個值為 均為必須,向右和下滾動的畫素

WPF 獲得滑鼠相對於螢幕的位置,相對於控制項的位置

原文 wpf 獲得滑鼠相對於螢幕的位置,相對於控制項的位置 相對於螢幕的位置 第一步 用於獲得滑鼠相對於螢幕的位置 public class win32 重新整理桌面 dllimport shell32.dll public static extern void shchangenotify uin...

WPF 獲得滑鼠相對於螢幕的位置,相對於控制項的位置

原文 wpf 獲得滑鼠相對於螢幕的位置,相對於控制項的位置 相對於螢幕的位置 第一步 用於獲得滑鼠相對於螢幕的位置 public class win32 重新整理桌面 dllimport shell32.dll public static extern void shchangenotify uin...

springMVC 相對於 Structs 的優勢

智者說,沒有經過自己的思考和估量,就不能接受別人的東西。資料只能是乙個參考,至於是否正確,還得自己去分辨 springmvc相對於 structs 的幾個優勢 1 springmvc安全性更高,structs2 框架是類級別的攔截,每次 request 請求structs2 都會為之建立乙個 act...