色尼玛亚洲综合影院,亚洲3atv精品一区二区三区,麻豆freexxxx性91精品,欧美在线91

javascript getBoundingClientRect() 來獲取頁面元素的位置的代碼[修正版]第1/2頁

document.documentElement.getBoundingClientRect
下面這是MSDN的解釋:
Syntax
oRect = object.getBoundingClientRect()Return Value
Returns a TextRectangle object. Each rectangle has four integer properties (top, left, right, and bottom) that represent a coordinate of the rectangle, in pixels.
Remarks
This method retrieves an object that exposes the left, top, right, and bottom coordinates of the union of rectangles relative to the client's upper-left corner. In Microsoft InterNET Explorer 5, the window's upper-left is at 2,2 (pixels) with respect to the true client.
還是實際解釋下,該方法獲得頁面中某個元素的左,上,右和下分別相對瀏覽器視窗的位置。也不好理解,下面用圖說明下。
該方法已經不再是IE Only了,FF3.0+和Opera9.5+已經支持了該方法,可以說在獲得頁面元素位置上效率能有很大的提高,在以前版本的Opera和Firefox中必須通過循環來獲得元素在頁面中的絕對位置。

 

 

下面的代碼舉了個簡單的例子,可以滾動滾動條之后點紅色區域看各個值的變化。

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
有了這個方法,獲取頁面元素的位置就簡單多了,
var X= this.getBoundingClientRect().left+document.documentElement.scrollLeft;
var Y =this.getBoundingClientRect().top+document.documentElement.scrollTop;

JavaScript技術javascript getBoundingClientRect() 來獲取頁面元素的位置的代碼[修正版]第1/2頁,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 微博| 安陆市| 扎兰屯市| 镇雄县| 宜城市| 五家渠市| 嘉鱼县| 海城市| 腾冲县| 克什克腾旗| 遵义县| 塘沽区| 略阳县| 中超| 安达市| 宽城| 上犹县| 静安区| 和田市| 新田县| 新河县| 和平县| 台南市| 甘南县| 布拖县| 唐山市| 松滋市| 东安县| 台南县| 静宁县| 额敏县| 滨海县| 育儿| 龙胜| 邵东县| 全州县| 抚宁县| 扎囊县| 海伦市| 和政县| 望奎县|