セットトップ

主にブラウザイベントの傍聴関数を通じて、トップからの高さを判断し、吸頂に合うかどうかを判断し、動的なクラス属性でスタイルを設定します.
window.pageYOffset:トップからのオフセット量
document.documentElement.scrollTop:Googleブラウザはスクロールバーの距離の上の位置を取得します.
Dcument.body.scrollTop:ieブラウザはスクロールバーの距離の上の位置を取得します.

  export default{
    name:'nav-var',
    data(){
      return{
        isFixed:false
      }
    },
    mounted(){
      window.addEventListener('scroll',this.initHeight)
    },
    methods:{
      initHeight(){
        let scollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
        this.isFixed = scollTop > 152 ? true : false;
      }
    },
    destroyed(){
        window.removeEventListener('scroll',this.initHeight,false)
    }
  }