如何使用js检测页面上一个元素是不是已经滚动到了屏幕的可视区域内

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用js检测页面上一个元素是不是已经滚动到了屏幕的可视区域内相关的知识,希望对你有一定的参考价值。

var top = obj.getBoundingClientRect().top //元素顶端到可见区域顶端的距离
var se = document.documentElement.clientHeight //浏览器可见区域高度。
if(top <= se )
//code
参考技术A 工具

以上是关于如何使用js检测页面上一个元素是不是已经滚动到了屏幕的可视区域内的主要内容,如果未能解决你的问题,请参考以下文章

元素focus页面不滚动不定位的JS处理

js如何在页面滚动到一定位置时触发事件?

js 如何让滚动条自动定位到页面一半的位置,不要误差

在 iOS 中,当用户滚动浏览 WKWebView 时,如何检测屏幕上可见的 html 元素?

使用 MutationObserver 检测滚动高度变化?

JQuery / JS:检测用户的滚动尝试,没有任何窗口溢出滚动到