getBoundingClientRect()
1.语法:这个方法没有参数。
rectObject = object.getBoundingClientRect();
2.返回值类型:TextRectangle对象,每个矩形具有四个整数性质( 上, 右 , 下,和左 )表示的坐标的矩形,以像素为单位。
rectObject.top:元素上边到视窗上边的距离;
rectObject.right:元素右边到视窗左边的距离;
rectObject.bottom:元素下边到视窗上边的距离;
rectObject.left:元素左边到视窗左边的距离;
示图:
3. 兼容性:我用ie11的Document Mode模式测试,ie5以上都能支持。
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; ...
最新文章
- 盘丝洞服务器维护,斗战神哪些区合区了_斗战神合区后名字重复怎么办_快吧游戏...
- centos7 源码编译安装mysql 5.7.21
- 练笔——《卫子夫·三篇》
- FileUpload控件实现单按钮图片自动上传并带预览显示
- Java 设计模式 -- 建造者模式
- 前端学PHP之PHP操作memcache
- 【经验分享】非科班出身怎么转行计算机?
- Android笔记 对话框demo大全
- centos7 安装 openssl和openssl升级
- 民族融合 —— 魏晋南北朝
- flask post json_使用Flask构建web项目的代码架构以及技术栈模板(一)
- 009-Shell 函数
- 微信小程序微商城(二):电商首页轮播、分类导航和新品特卖实现
- dirent struct_dirent和DIR 结构体 --- 表示文件夹中目录内容信息
- MySQL 8 + Navicat for MySQL安装步骤
- 存储数据保护技术——双活
- 我自己对英语学习的心得与体会
- L1正则化与稀疏性、L1正则化不可导问题
- R语言使用order函数按照两个数据列的值排序data.table数据(主变量降序排序、次变量升序排序)
- 计算机人物事迹范文,人物事迹通讯稿范文.doc
热门文章
- 自制割接(平滑过滤)实验大全
- uva10256 凸包
- 小谈EasyUI中的tree用法
- linux文件比较,合并,查找重复行
- textread读取记事本文件
- mysql.createPool(db),Node.js中JavaScript操作MySQL的常用方法整理
- 数据3分钟丨墨天轮2021年度数据库奖项及中国数据库魔力象限等多项成果发布...
- 健康医疗数据库建设亟需“万象更新”式变革
- 12.2 新特性:锁信息获取之在线删除索引
- 运行npm install命令的时候会发生什么?