9
A
回答
16
getBoundingClientRect()
是您的朋友,並且在所有瀏覽器的最新版本(Firefox 3,Safari 4,Chrome,Opera 9.5,IE 5)中都受支持。它會給你不過座標相對於視而非頁面,所以你需要在文檔上的滾動量增加:
function getPageTopLeft(el) {
var rect = el.getBoundingClientRect();
var docEl = document.documentElement;
return {
left: rect.left + (window.pageXOffset || docEl.scrollLeft || 0),
top: rect.top + (window.pageYOffset || docEl.scrollTop || 0)
};
}
相關問題
- 1. 檢索到動態添加元素頂部的距離
- 2. 左側元素的固定邊距
- 3. 檢測從頂部jquery滾動的距離
- 4. HTML頂部和左側像素按比例增長的位置
- 5. 菜單從左側滑入 - 添加頂部邊距偏移
- 6. 以頂部 - >左下 - >右側的方式排列元素
- 7. 溢出到左側和頂部?
- 8. 檢查頁面左側的距離是否準確?
- 9. 從頂部獲取點擊div距離
- 10. javascript從父元素的左上角獲取子元素的距離
- 11. JQUERY - 改變股利尺寸,從頂部左側/右側或底部左/右
- 12. 我如何計算從pictureBox1的頂部到form1的頂部的距離?
- 13. jQuery ui可調整大小不能將元素擴展到左側或頂部
- 14. 如何在iPad上從左側,右側到頂部,底部更改SplitView?
- 15. HTML5:如何將元素從左側菜單加載到右側
- 16. 使用javascript確定從div頂部到窗口頂部的距離
- 17. 檢測元素從窗口頂部小於100px時,更改CSS
- 18. 元素的頂邊距
- 19. 使元素的頂部邊距始終與另一個元素的頂部邊距相同
- 20. 導航欄從左側到頂部使用引導3
- 21. jQuery在元素的左側內部邊緣遇到元素的右側外部邊緣時發現它
- 22. 側面元素修復到頁面頂部一旦滾動到
- 23. 對齊圖像頂部,右側,底部和左側的文本?
- 24. 頂部,底部,左側,右側的C#標準類(枚舉?)
- 25. getBoundingClientRect在Safari中的頂部,左側,右側,底部返回0
- 26. 頂部行和左側列凍結的可滾動HTML表格
- 27. google maps api v3:標記的頂部和左側像素位置
- 28. translate()vs頂部/左側定位
- 29. 設置頂部和左側CSS屬性
- 30. 無法獲得頂部和左側值
+1「是你的朋友」 – awm
真棒,謝謝:)。 +1是純粹可愛的javascript。 – Ejaz