Javascript 如何检测元素可见性(z索引、固定、不透明度等)(交叉点观察者V2备选方案)

Javascript 如何检测元素可见性(z索引、固定、不透明度等)(交叉点观察者V2备选方案),javascript,z-index,visibility,intersection-observer,Javascript,Z Index,Visibility,Intersection Observer,交叉口观察者V2将引入新功能,根据不透明度、z指数和固定位置等因素检测实际可见性 信息: 问题:是否有一种替代方法或polyfill来检测当前浏览器中的实际可见性 测试: //交叉点观察者V2 const observer=新的IntersectionObserver((更改)=>{ for(const change of changes){ // ⚠️ 特征检测 if(typeof change.isVisible===“未定义”){ //浏览器不支持交点观察者v2,返回到v1行为。 chan

交叉口观察者V2将引入新功能,根据不透明度、z指数和固定位置等因素检测实际可见性

信息:

问题:是否有一种替代方法或polyfill来检测当前浏览器中的实际可见性

测试:

//交叉点观察者V2
const observer=新的IntersectionObserver((更改)=>{
for(const change of changes){
// ⚠️ 特征检测
if(typeof change.isVisible===“未定义”){
//浏览器不支持交点观察者v2,返回到v1行为。
change.isVisible=true;
}
if(change.isIntersecting&&change.isVisible){
visibleSince=change.time;
}否则{
visibleSince=0;
}
}
}, {
阈值:[1.0],

//另一种选择是使用
DocumentOrShadowRoot.elementFromPoint
方法轮询希望检测可见性的点,设置间隔延迟类似于交叉口观察员v2的延迟

这是目前两个站点之间的caniuse链接,其中99%以上的用户支持caniuse链接,而69%以上的用户仅支持caniuse链接