先来看看position: fixed;的定义:生成绝对定位的元素,相对于浏览器窗口进行定位;浏览器
可是在iframe中使用fixed定位,其实是相对于iframe窗口进行定位,缘由在于iframe相似于建立了一个浏览器窗口,在使用一些获取鼠标位置以及元素位置等方法的时候把iframe看成浏览器窗口来处理就行。对象
如下是一些在iframe中使用fixed须要考虑的经常使用js事件对象属性与方法:事件
获取鼠标的位置:get
e.clientY // 获取鼠标在浏览器视窗的Y坐标,在iframe中相对于iframe窗口iframe
e.screenY // 获取的是鼠标相对于屏幕的上边距,不考虑iframe因素,it
获取元素的偏移量:io
var position = Object.getBoundingClientRect(); //用于获取某个元素相对于浏览器视窗的位置集合,在iframe中相对于iframe视窗cli
position.top //获取元素 "顶部" 距离浏览器视窗 "顶部" 的距离方法
position.bottom //获取元素 "底部" 距离浏览器视窗 "顶部" 的距离top
position.left //获取元素 "左侧" 距离浏览器视窗 "左侧" 的距离
position.right //获取元素 "右侧" 距离浏览器视窗 "左侧" 的距离
Object.offsetTop //获取元素距离 最近含有 ”定位“ 属性标签左侧的距离