前面介紹了offset偏移、client可視區(qū)和scroll滾動(dòng)，這三部分主要從屬性的角度來(lái)對(duì)元素尺寸信息進(jìn)行獲取和修改。本文主要介紹元素視圖的三個(gè)方法，包括getBoundingClientRect()、getClientRects()和elementFromPoint()
getBoundingClientRect()
判斷一個(gè)元素的尺寸和位置是簡(jiǎn)單的方法就是使用getBoundingClientRect()
Element.getBoundingClientRect()方法返回一個(gè)對(duì)象，該對(duì)象提供當(dāng)前元素節(jié)點(diǎn)的大小、它相對(duì)于視口(viewport)的位置等信息。但是，各個(gè)瀏覽器返回的對(duì)象包含的屬性不相同
firefox: top left right bottom width height x y(其中，x=left，y=top) chrome/safari/IE9+:top left right bottom width height IE8-: top left right bottom
問(wèn)題來(lái)了，該方法返回的width和height是可視寬高client，還是滾動(dòng)寬高scroll，或者是偏移寬高offset，或者是設(shè)置寬高呢
<div id=&
延伸閱讀
- ssh框架
2016-09-30
- 阿里移動(dòng)安全 [無(wú)線安全]玩轉(zhuǎn)無(wú)線電——不安全的藍(lán)牙鎖
2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe
2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】
2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞
2017-07-26
- 從棧不平衡問(wèn)題 理解 calling convention
2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明
2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解
2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析
2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來(lái)看看(二)
2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式