JQuery的offset()方法是用來獲取或設置頁面元素相對于文檔的偏移量的。它返回一個包含top和left屬性的對象,分別代表元素的上邊緣和左邊緣相對于文檔的偏移量。
下面我們來看一個圖解
+-------------------------------------------+ | | | +---------------+ | | | | | | | | | | | | | | +---------------+ | | | | | | | | | | | | | | | | | | | | | | | | | +-------------------------------------------+
如上圖所示,假設我們有一個元素,它的左上角坐標位于(100, 200)的位置,而整個文檔在瀏覽器窗口中的位置是(50, 75)
我們可以使用offset()方法來獲取這個元素相對于文檔的偏移量,代碼如下:
var $elem = $('#my-elem'); var offset = $elem.offset(); // offset = { top: 275, left: 150 }
在這個例子中,$elem變量保存了我們要獲取偏移量的元素,offset變量保存了元素的偏移量,這個偏移量是相對于文檔的左上角計算出來的。
注意,offset()方法的結果會受到當時瀏覽器窗口的滾動條位置的影響。如果頁面有滾動條,那么元素相對于文檔的偏移量也會隨著滾動條的滾動而改變。
總之,offset()方法是一個很有用的工具,在需要操作元素的位置時,它可以幫助我們快速地獲取元素相對于文檔的位置。
下一篇浮動圖標css改變