vue 滚动导航置顶

1、首先通过data定义三个变量，一个代表滚动条滚动的距离，一个代表div距顶部的距离；

2、通过监听scroll来判断滚动条滚动的距离是否大于div距顶部的距离；

3、页面销毁的时候要清除点scoll事件；

handleScroll() {

      this.scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || document.scrollingElement.scrollTop || 0;

      if (this.scrollTop > this.tabOffsetTop) {

        this.barFixed = true;

      } else {

        this.barFixed = false;

      }

    },