![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
流星雨-123
这个作者很懒,什么都没留下…
展开
-
获取DOM元素到页面顶部的距离,亲侧有效版本
DOM元素有一个属性是someElement.offsetTop,表示该元素到父元素顶部的距离。所以最后的答案就是递归将所有的offsetTop加起来。 贴代码! function getElementToPageTop(el) { if(el.parentElement) { return this.getElementToPageTop(el.parentElement) + el.offsetTop } return el.offsetTop } 原文链接:https:/...原创 2020-06-11 09:55:41 · 618 阅读 · 0 评论 -
如何判断指定dom元素是否在屏幕内
实现原理 想要实现这个功能,就要知道具体的实现原理。下面直入主题。 我们通过浏览器在浏览一个网页时候是这个样子的,如图所示 页面的长宽,以及各dom的坐标都是静止的,动的是显示窗口坐标而已。所以明白了这个,那么判断一个dom元素是否可见时,就十分简单了。 我们需要知道三个坐标就可知道当前dom是否在可见区域内,分别是 1. 显示窗口的顶部坐标 2. 显示窗口的底部坐标 3. dom元素的中心坐标 其判断规则就是,当dom元素的中心坐标的X及Y坐标均小于显示窗口的顶部,且大于显示窗口的底部坐标时,那么就可原创 2020-06-11 09:57:17 · 1248 阅读 · 0 评论