js点击平滑滚动到指定高度

// 跳转到指定高度
scrollTo (num) {
      let speed = Math.floor((num-this.arriveTop) / 30)
      let timer = setInterval(() => {
        this.arriveTop += speed
        // 判定现在是否小于分出的大小
        if(Math.abs(this.arriveTop-num)<Math.abs(speed)){
          this.arriveTop = num
        }
        document.documentElement.scrollTop = document.body.scrollTop = this.arriveTop
        if (this.arriveTop === num) {
          clearInterval(timer)
        }
      }, 10)
    }
// 监听dom滚动事件
    onScroll () {
      this.arriveTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
      // 识别关于我们,判定头部以及返回呕吐不按钮的显隐
      const info = document.querySelector('.info').offsetTop-40
      this.isActive=this.arriveTop>=info?true:false
      // 记录大事件和媒体报道的头部
      const offsetTop1 = document.querySelector('.section2').offsetTop-40,
            offsetTop2 = document.querySelector('.mtport').offsetTop-80
      switch(true){
        case this.arriveTop<offsetTop1:this.showIndex=0;break;
        case this.arriveTop<offsetTop2:this.showIndex=1;break;
        default:this.showIndex=2;
      }
    },

END...

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容