Element.getBoundingClientRect()

作者: 抽疯的稻草绳 | 来源:发表于2021-10-29 14:03 被阅读0次

 rectObject = object.getBoundingClientRect();

rectObject.top：元素上边到视窗上边的距离;

rectObject.right：元素右边到视窗左边的距离;

rectObject.bottom：元素下边到视窗上边的距离;

rectObject.left：元素左边到视窗左边的距离;

image.png

js获取元素的DOMRect
The *Element.getBoundingClientRect()* method returns a DO...
Element.getBoundingClientRect()
语法值返回值是一个 DOMRect 对象，这个对象是由该元素的 getClientRects() 方法返回的一...
element.getBoundingClientRect()
方法返回元素的大小，及其相对于视口的位置，只需要记住一张图。有top，left，bottom，right四个方向...
Element.getBoundingClientRect()
Element.getBoundingClientRect() 方法返回元素的大小及其相对于视口的位置。 1.语法...
判断一个元素是否在当前可视区域
javascript中提供了一个方法Element.getboundingclientrect()可以获取当前元素...
实现知乎点赞条显示与否：
Element.getBoundingClientRect() 方法返回元素的大小及其相对于视口的位置。
尺寸
element.getBoundingClientRect()返回x: 元素在水平位置的横坐标y: 元素在垂直位置...
polyfill源码阅读（四）cssom和dom一
cssom Element.getBoundingClientRect()方法返回元素的大小及其相对于视口的位置。...
获取元素距离视口顶部的距离不包含滚动距离 getBounding
说明：Element.getBoundingClientRect() 方法返回元素的大小及其相对于视口的位置。注...
前端判断某个元素是否在可视范围
基础知识： Element.getBoundingClientRect()方法返回元素的大小及其相对于视口的位置。...