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;

      }

    },

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容