美文网首页vue学习
vue设置锚点,监听滚动条

vue设置锚点,监听滚动条

作者: 刘laoliu | 来源:发表于2020-06-15 14:43 被阅读0次

问题:1. 获取不到滚动条问题
2. 锚点定位盖住头部


解决如下:

 // 锚点
 goAnchor(ids) {
       document.getElementById(ids).scrollIntoView({
                behavior:"smooth"
            })
  },
        // 滚动条
  handleScroll(){
            // wrapper 为组件的类名
            let scrollTop =  document.getElementsByClassName("wrapper")[0].scrollTop;
   },
init(){
    let ids = '动态获取的id'
    this.goAnchor(ids)
},
mounted:{
     // 监听滚动条
     document.getElementsByClassName("wrapper")[0].addEventListener('scroll', this.handleScroll)
    this.init()
}

相关文章

网友评论

    本文标题:vue设置锚点,监听滚动条

    本文链接:https://www.haomeiwen.com/subject/hzwcxktx.html