vue 监听页面滚动 滚动一定高度添加动画

阿里云服务器低至3折 

  mounted(){    
    const elOffsetTop = document.getElementById('advantage').offsetTop
    const docScrollTop = document.documentElement.scrollTop - 230
    if (elOffsetTop >= docScrollTop && elOffsetTop < (docScrollTop + 
      window.innerHeight) && !this.isShow) {
      // 当前元素在屏幕可视范围内
      // do something
    window.addEventListener('scroll',this.handleScroll,true)  
  },
  destroyed () {
    window.removeEventListener('scroll', this.handleScroll, false)
  },
  mthods:{
    handleScroll(e){
      if(e.target.scrollTop >= 500 && !this.isShowService){
        // do something
      }
      if(e.target.scrollTop >= 790 && !this.isShowCompany){
        // do something
      }
    },  

  }

通过监听页面滑动距离顶部的高度来判断，执行对应动作。