getBoundingClientRect说明
getBoundingClientRect用于获取某个元素相对于视窗的位置集合。
1.语法:这个方法没有参数。
rectObject = object.getBoundingClientRect()
2.返回值类型:TextRectangle对象,每个矩形具有四个整数性质( 上, 右 , 下,和左 )表示的坐标的矩形,以像素为单位。
rectObject.top:元素上边到视窗上边的距离;
rectObject.right:元素右边到视窗左边的距离;
rectObject.bottom:元素下边到视窗上边的距离;
rectObject.left:元素左边到视窗左边的距离;
rectObject.width: 元素宽度(ie9+),(ie6-8, rectObject.right - rectObject.left)
rectObject.height: 元素高度(ie9+),(ie6-8, rectObject.bottom - rectObject.top)
3. 兼容性ie6以上全支持
4. ie7-的left和top会多出两个像素
解决方法:
var rectLeft = rectObject.left - document.documentElement.clientLeft || 2; rectRight = rectObject.right - document.documentElement.clientLeft || 2; rectBottom = rectObject.bottom - document.documentElement.clientTop || 2; rectTop = rectObject.top - document.documentElement.clientTop || 2;
参考:http://www.cnblogs.com/Songyc/p/4458570.html
转载于:https://www.cnblogs.com/mengff/p/7366474.html
getBoundingClientRect说明相关推荐
- 获取某个元素相对于视窗的位置-getBoundingClientRect
1. getBoundingClientRect用于获取某个元素相对于视窗的位置集合.集合中有top, right, bottom, left等属性. 语法:这个方法没有参数 rectObject = ...
- getBoundingClientRect计算页面元素的offsetLeft、offsetTop
网上很流行的方法,不用框架时: function getOffsetPosition(element){ var posTop = 0, posLeft = 0; do { posTop += ele ...
- getBoundingClientRect()方法
getBoundingClientRect用于获取某个元素相对于视窗的位置集合.集合中有top, right, bottom, left等属性. 1.语法:这个方法没有参数. rectObject = ...
- 093_Element.getBoundingClientRect()方法和DOMRect对象
1. Element.getBoundingClientRect() 1.1. Element.getBoundingClientRect()方法返回值是一个DOMRect对象, 对象拥有left, ...
- getBoundingClientRect的用法
2019独角兽企业重金招聘Python工程师标准>>> getBoundingClientRect用于获取某个元素相对于视窗的位置集合.集合中有top, right, bottom, ...
- javascript 温故而知新 getBoundingClientRect
getBoundingClientRect获取元素位置 getBoundingClientRect用于获得页面中某个元素的左,上,右和下分别相对浏览器视窗的位置. getBoundingClient ...
- JavaScript中getBoundingClientRect()方法详解
JavaScript中getBoundingClientRect()方法详解 getBoundingClientRect() 这个方法返回一个矩形对象,包含四个属性:left.top.right和bo ...
- [转] getBoundingClientRect判断元素是否可见
getBoundingClientRect介绍 getBoundingClientRect获取元素位置 getBoundingClientRect用于获得页面中某个元素的左,上,右和下分别相对浏览器视 ...
- IE浏览器下DOM节点被替换后获取边界offsetParent / getBoundingClientRect 的BUG解决(版本 EXT 2.0/ 2.0.1)...
BUG 症状: 拖动分割栏或resize的时候,出现"未指明的错误" 1.打开ext-base.js 2. 找到getBoundingClientRect() 3.替换为 // t ...
- 用getBoundingClientRect()来获取页面元素的位置
以前绝大多数的使用下面的代码来获取页面元素的位置: [code="javascript"]var _x = 0, _y = 0; do{ _x += el.offsetLeft; ...
最新文章
- MySQL数据库中创建表并给某个字段添加数据
- C语言system函数(C语言程序中执行命令行)
- docker安装Tomcat
- Python处理pdf文件库 - PyPDF2详解
- 说不尽的嘎达梅林:读郭雪波的长篇小说《青旗•嘎达梅林》
- Android倒计时工具类
- XOCDE构建提示Command /usr/bin/codesign failed with exit code 1的解决办法
- Julia: map,reduce,mapreduce
- Codeforces 36B - Fractal
- sign签名算法一致算法-.net、java、golang
- FasterRCNN理解
- 民科微服务电脑版下载_民科微服务电子注册护士个人端下载-民科微服务医师电子注册app最新版 v2.4_爱下手机站...
- 毕业设计之 --- 基于设深度学习的人脸性别年龄识别系统
- 4个万兆光口+16个千兆光口+8个千兆combo光电复用口万兆三层核心工业以太网交换机HY5700-854XG16GX8GC
- 树莓派安装Ubuntu系统详细过程
- 织梦网站搬家流程揭秘
- 剑指offer—丑数
- 前端HTML5视频_谷粒音乐实战-张晓飞-专题视频课程
- 一分钟定制CocosCreator加载页面
- 易语言快照和截取屏幕区域
热门文章
- vcpkg安装_微软牌包管理器vcpkg更新及路线图计划
- 索引和未索引执行计划的比较_详解Oracle复合索引+实例说明
- java web 保护_java web项目请求控制及简单漏洞防范
- Postgresql中的hybrid hash join(无状态机讲解)
- 利用梯度下降法求解一元线性回归和多元线性回归
- Java ByteArrayInputStream reset()方法及示例
- 八、非规则组织分析及其数学模型——平纹变化组织
- ffplay分析 (视频从Frame(解码后)队列取数据到SDL输出)
- Linux内核设计与实现---虚拟文件系统
- yum 安装 sun java,CentOS yum安装sun Java jre jdk和openjdk