Comment obtenir un nœud dans la balise HTML ?

Question

Si vous utilisez un événement click, vous pouvez utiliser l'événement pour connaître le nœud actuel. Cependant, si l'événement n'est pas lié, comment obtenir le nœud p actuel dans la balise p {code...} Mon exigence est d'utiliser v-show=true lors du défilement vers différents nœuds via la barre de défilement {code... } .} {code...}

天蓬老师 · Answer

Vous pouvez utiliser des instructions personnalisées pour implémenter, Démo :
https://jsfiddle.net/fedesign...

给我你的怀抱 · Answer

scrollTop et offsetTop sont tous deux des variables.
Pourquoi ne liez-vous pas l'événement scroll avec le scrollTop de body et tous les p requis Tous les offsetTop sont-ils enregistrés dans données ?
Alors scrollTop和offsetTop都是变量。
你要不绑定scroll事件的时候把body的scrollTop和所有需要的p的offsetTop都获取下存到data里？
然后


    
这是一个段落1
    这是一个段落2
    这是一个段落3

不过我对效果有点疑问，就是好几个p未显示的时候他们的offsetTop是不是同一个值。
然后我想知道你的p rrreee

Mais j'ai quelques doutes sur l'effet, c'est à dire que lorsque plusieurs p ne sont pas affichés, leurs offsetTop ont la même valeur.
Alors je veux savoir à quoi fait référence votre nœud p ? Nœud de texte ? 🎜

我想大声告诉你 · Answer

document.querySelector('p').childen
document.getElementByTagName('p')[0].childen

给我你的怀抱 · Answer

Merci pour vos réponses, la solution finale est :

// animated bounceIn 为animated.css里的

    
        
最近更新
    
    
        
文章

.title, .posts {
    display: none;
}

    directives: {
        scrollShow: {
            bind: (el) => {
                window.addEventListener('scroll', () => {
                    if (document.body.scrollTop + 400 > el.offsetTop) {
                        for (let i = 0; i < el.children.length; i++) {
                            setTimeout(() => {
                                el.children[i].style.display = 'block'
                            }, 1000 * i)
                        }
                    }
                })
            }
        }
    }