js导航吸顶效果

用fixed或者sticky固然可以实现

但是想要动画效果怎么办？

思路

document.documentElement.scrollTop
判断当前页面有没有滚动，有的话加上一个吸顶效果的类名

代码

  <header :class="{fixed:isFixed}" >
  ...
mounted() {
    window.addEventListener('scroll', () => {
      this.isFixed = document.documentElement.scrollTop
    });
  },

有想换工作的同学可以找我内推哦 wx:wjune212