在操作页面滚动和动画时经常会获取 DOM 元素的绝对位置,例如 本文 左侧的悬浮导航,当页面滚动到它以前会正常地渲染到文档流中,当页面滚动超过了它的位置,就会始终悬浮在左侧。
本文会详述各种获取 DOM 元素绝对位置 的方法以及对应的兼容性。关于如何获取 DOM 元素高度和滚动高度,请参考视口的宽高与滚动高度 一文。
概述
这些是本文涉及的 API 对应的文档和标准,供查阅:
API
用途
文档
标准
offsetTop
相对定位容器的位置
MDN
CSSOM View Modul
JS获取/设置ifr a me内对象元素、文档的几种方法
1、IE专用(通过frames索引形象定位):
代码如下:
document.frames[i].document.getElementById(‘元素的ID’);
2、IE专用(通过ifr a me名称形象定位):
代码如下:
document.frames[‘ifr a me的name’].document.getElementById(‘元素的ID’);
以上方法,不仅对ifr a me适用,对frameset里的fra
CSS中的定位模式规定了一个盒子在总体的布局上应该处于什么位置以及对周围的盒子会有什么影响。该模式包括了常规文档流,浮动,和几种类型的 position 定位的元素。其中,CSS position 属性可以取5种值:position: absoluteposition: relativeposition: fixedposition: staticposition: inheritstatic 是 position 默认的属性值。任何应用了 position:static 的元素都处于常规文档流