判断元素是否将要出现在可视区域 ele.getBoundingClientRect().top
这种要实时监听.getBoundingClientRect().top
<div></div>
1. 获取可视区域高度
height = document.body.offsetHeight
2. 获取元素距离浏览器 body 的 top border的距离
distanceBodyAbove = document.querySelector('div').getBoundingClientRect().top
如果height < distanceBodyAbove 说明元素以及进入可视区域了
第二种:一开始就获取一次.getBoundingClientRect().top,然后通过监听document.documentElement.scrollTop
function scroll() {
//在这里判断 this.documentElement.scrollTop + distanceBodyAbove > height ? 出现在可视区域 :没有
}
document.onscroll = scroll
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」
2021-06-24 数组基本操作