Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 交叉点观察者中是否有entry.target.Classname?_Javascript_Frontend_Intersection Observer - Fatal编程技术网

Javascript 交叉点观察者中是否有entry.target.Classname?

Javascript 交叉点观察者中是否有entry.target.Classname?,javascript,frontend,intersection-observer,Javascript,Frontend,Intersection Observer,我试图通过交叉点观察者有条件地触发动画。我使用document.queryselector.all调用某个类的项,然后使用另一个document.queryselector.all调用另一个类的项 我有两个不同的动画是通过交叉点观察者触发的,但是我希望它们是根据它们的类名有条件地触发的。有办法做到这一点吗 const Images = document.querySelectorAll ('.anim',); const lines = document.querySelectorAll (

我试图通过交叉点观察者有条件地触发动画。我使用
document.queryselector.all
调用某个类的项,然后使用另一个
document.queryselector.all
调用另一个类的项

我有两个不同的动画是通过交叉点观察者触发的,但是我希望它们是根据它们的类名有条件地触发的。有办法做到这一点吗

const Images  = document.querySelectorAll ('.anim',); 
const lines = document.querySelectorAll ('.lines');

let callback = (entries, observer)=> {

    entries.forEach(entry => {
        if(entry.target.className === '.anim' && entry.intersectionRatio > 0){
            console.log (entries);

            entry.target.style.animation = `pcb_grp_anim 1s ${entry.target.dataset.delay} forwards ease-in-out`

        }

        else {
            entry.target.style.animation = 'none';
        }
        
    })

}

let observer = new IntersectionObserver (callback);


Images.forEach (image => {
    observer.observe(image);
    })


我想触发类的动画。动画基于类名条件是否满足?有这样的方法吗

顺便说一句,我是一个完全的初学者。
谢谢你,你可以试试这个:

if(entry.target.classList.contains('anim') && entry.intersectionRatio > 0)