右侧滑动 左边对应的数据 (锚链接)

125 阅读1分钟

添加scroll方法

1.组件
2.参数 scrollTop: 0, activeStep: 0, pageTop: 0, rightListData: [ '企业概况', '照面信息', '工商股东信息', '设立情况', '基本情况', '账户信息', '投资数据', '直投项目', '基金合伙人', '项目退出情况' ]
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}}