ToB企服应用市场:ToB评测及商务社交产业平台

标题: 判断元素是否将要出现在可视区域 ele.getBoundingClientRect().top [打印本页]

---

作者: 我爱普洱茶    时间: 2022-8-9 14:39
标题: 判断元素是否将要出现在可视区域 ele.getBoundingClientRect().top
这种要实时监听.getBoundingClientRect().top

1. 1. 获取可视区域高度
2. height = document.body.offsetHeight
3. 2. 获取元素距离浏览器 body 的 top border的距离
4. distanceBodyAbove = document.querySelector('div').getBoundingClientRect().top
6. 如果height < distanceBodyAbove  说明元素以及进入可视区域了

复制代码

第二种：一开始就获取一次.getBoundingClientRect().top，然后通过监听document.documentElement.scrollTop

1. function scroll() {
2.     //在这里判断 this.documentElement.scrollTop + distanceBodyAbove > height ? 出现在可视区域 ：没有
3. }
4. document.onscroll = scroll

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4