页面吸顶效果

页面吸顶效果（vue）

mounted() {
    window.addEventListener("scroll", this.hidemenu); //监听滚动事件
  },

2.mathods里面

handleScroll () {
  var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
  var offsetTop = document.querySelector('#searchBar').offsetTop
  if (scrollTop > offsetTop) {
    this.searchBarFixed = true
  } else {
    this.searchBarFixed = false
  }
},

3. <div class="header" id="searchBar" :class="searchBarFixed == true ? 'isFixed' :''"></div>

4.css

 .isFixed{
    position:fixed;
    background-color:#Fff;
    top:0;
    z-index:999;
  }
return{
searchBarFixed : true
}

就可以啦！！！