前端 通常在处理瀑布流，或者懒加载等情况时 需要判断元素是否在用户的可视区域。
其实有一个非常简单的方法 就能够解决这类的判断问题：
getBoundingClientRect用于获取某个元素相对于视窗的位置集合。集合中有top, right, bottom, left等属性。
1.语法：这个方法没有参数。
rectObject=object.getBoundingClientRect();
2.返回值类型：TextRectangle对象，每个矩形具有四个整数性质（ 上， 右 ， 下，和左 ）表示的坐标的矩形，以像素为单位。
rectObject.top：元素上边到视窗上边的距离;
rectObject.right：元素右边到视窗左边的距离;
rectObject.bottom：元素下边到视窗上边的距离;
rectObject.left：元素左边到视窗左边的距离;
TIP：
document.documentElement在ie7及ie7以下会多出两个像素。因为在ie7及ie7以下的html元素坐标会从(2, 2)开始算起，在ie8已经修复了这个bug。
前端 通常在处理瀑布流，或者懒加载等情况时 需要判断元素是否在用户的可视区域。 其实有一个非常简单的方法 就能够解...
前端开发中,有时需要判断某个元素是否在浏览器的可视区域内,或者是否已经滚动出了可视区域.首先想到的便是JavaSc...
思路：当div出现在可视区域内时，通过给div动态加载类名来实现动画。可视区域的判断：div元素距离网页顶部的高度...
判断元素是否在可视范围内 判断是否滚动到底部
如何判断一个元素是否出现在窗口可视范围（浏览器的上边缘和下边缘之间，肉眼可视）。 当窗口滚动时，判断一个元素是不是...
如何判断一个元素是否出现在窗口可视范围（浏览器的上边缘和下边缘之间，肉眼可视）。 当窗口滚动时，判断一个元素是不是...
如何判断一个元素是否出现在窗口可视范围（浏览器的上边缘和下边缘之间，肉眼可视）。 当窗口滚动时，判断一个元素是不是...
1.如何判断一个元素是否出现在窗口可视范围（浏览器的上边缘和下边缘之间，肉眼可视） 2.当窗口滚动时，判断一个元素...
上公式： 元素距离顶部高度（elOffsetTop） >= dom滚动高度（docScrollTop）并且元素...
本文标题：如何判断元素在可视区域内
本文链接：https://www.haomeiwen.com/subject/iwfcdxtx.html
网友评论