如果用點擊事件的話,可以event來找出目前的節點。
但是,如果不綁定事件的話,怎麼實作在p標籤
裡面取得目前的p節點
<p>这是一个段落</p>
我的需求是透過捲軸滾動到不同的節點的時候,v-show=true
<p ref='pBox'>
<p v-show='body.scrollTop === 当前节点.offsetTop'>这是一个段落1</p>
<p v-show='body.scrollTop === 当前节点.offsetTop'>这是一个段落2</p>
<p v-show='body.scrollTop === 当前节点.offsetTop'>这是一个段落3</p>
</p>
export default {
computed: {
body: this.$refs.pBox.offsetParent
}
}
你可以使用 自訂指令 實現,Demo:
https://jsfiddle.net/fedesign...
scrollTop
和offsetTop
都是变量。你要不绑定
scroll
事件的时候把body
的scrollTop
和所有需要的p
的offsetTop
都获取下存到data
裡?然後
不過我對效果有點疑問,就是好幾個
p
未顯示的時候他們的offsetTop
是不是同一個值。p
未显示的时候他们的offsetTop
是不是同一个值。然后我想知道你的
p
然後我想知道你的p
節點指的是什麼?文字節點?雷雷
謝謝各位的回答,最終的解決方案為: