添加scroll方法
3 方法
监听
watch: {
scrollTop(val) {
this.onScroll()
this.pageTop = val
}
},
methods:方法
handleScroll(el) {
this.scrollTop = this.$refs.content.scrollTop
},
viewScroll(total) {
this.$refs.content.scrollTop = total
},
onScroll() {
let _article = document.querySelectorAll('.step-jump')
for (let i = 0; i < _article.length; i++) {
let item = _article[i]
if (this.scrollTop >= item.offsetTop) {
this.activeStep = i
}
}
},
<!---->
最重要的一点 在每个锚点上加个step-jump(class名字)
4.子组件
<template>
{{item}}