JQuery獲取元素文檔大小、偏移和位置和滾動條位置的方法集合

2024-05-06 14:11:50

字體：大中小

來源：轉載

供稿：網友

因為瀏覽器的兼容問題，如果使用javascript獲取這些數值是一個相當痛苦的過程。好在JQuery提供了簡單優雅，并且兼容的解決方法。
獲取瀏覽器和頁面文檔的寬度和高度
代碼如下:
//獲取瀏覽器顯示區域的高度
$(window).height();
//獲取瀏覽器顯示區域的寬度
$(window).width();

//獲取頁面的文檔高度
$(document.body).height();
//獲取頁面的文檔寬度
$(document.body).width();

獲取滾動條的位置
代碼如下:
//獲取滾動條到頂部的垂直高度
$(document).scrollTop();
//獲取滾動條到左邊的垂直寬度
$(document).scrollLeft();

計算位置和偏移量
offset方法是一個很有用的方法，它返回包裝集中第一個元素的偏移信息。默認情況下是相對body的偏移信息。結果包含top和left兩個屬性。
offset(options, results)
options.relativeTo　　指定相對計算偏移位置的祖先元素。這個元素應該是relative或absolute定位。省略則相對body。
options.scroll　　是否把滾動條計算在內，默認TRUE
options.padding　　是否把padding計算在內，默認false
options.margin　　是否把margin計算在內，默認true
options.border　　是否把邊框計算在內，默認true

上一篇：Javascript學習筆記3 作用域

下一篇：JavaScript 事件冒泡簡介及應用