js中，浏览器中不同元素位置属性解析
2017-03-02 20:27
316 查看
offset() 只对可见元素有效，获取匹配元素在当前视口的相对偏移，返回的对象有两个整型属性，top和left,像素计算；
position() 相对父元素的偏移，position.left position.top
scrollTop() 相对滚动条顶部的偏移，（可见、隐藏元素都有效）
scrollLeft() 相对滚动条左侧的偏移
e.pageX() 相对于文档
clientX 相对于浏览器
offsetX 相对于父元素
screenX 相对于屏幕
position() 相对父元素的偏移，position.left position.top
scrollTop() 相对滚动条顶部的偏移，（可见、隐藏元素都有效）
scrollLeft() 相对滚动条左侧的偏移
e.pageX() 相对于文档
clientX 相对于浏览器
offsetX 相对于父元素
screenX 相对于屏幕
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- html5学习canvas基本使用：div在js前面；localStorage存储根据浏览器在不同的位置；应用程序缓存；placeholder 属性提供一种提示（hint），描述输入域所期待的值。
- js各浏览器兼容取的元素的位置X坐标 Y坐标
- js获取元素在浏览器中的绝对位置
- JS获取各种高度宽度、浏览器窗口滚动条的位置、元素的几何尺寸
- 元素title属性在不同浏览器下的行为表现
- JS获取各种高度宽度、浏览器窗口滚动条的位置、元素的几何尺寸
- 页面包含js的不同位置报错 SCRIPT5007: 无法获取属性“x”的值: 对象为 null 或未定义
- JS-009-屏幕分辨率、浏览器显示区域、元素位置获取
- JS获得鼠标位置（已经解决不同浏览器问题）
- 元素title属性在不同浏览器下的行为表现
- js获取控件位置以及不同浏览器中的差别介绍
- js获取控件位置以及不同浏览器中的差别介绍
- js获取两个数组不同的元素并返回不同元素组成的数组,并对不同的元素添加一个新的属性
- 用js来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数
- JS获取各种高度宽度、浏览器窗口滚动条的位置、元素的几何尺寸
- js解析多层嵌套的json，取出所有父元素属性和遍历所有子元素
- HF9009: 各浏览器对表单元素单选按钮组设置非 CDATA 标准的 name 属性值解析不同
- JS中获取元素位置以及宽高的各种属性整理
- Js文件在不同浏览器中的加载解析问题