滑动置顶

<div class="top" ref="topH" >
			<div class="item" :class="{active:current===index}"  v-for="(item,index) in tablist" @click="addClass(index)">{{item.title}}</div>
		</div>
		<div class="top fixed" v-show="isActive">
			<div class="item" :class="{active:current===index}"  v-for="(item,index) in tablist" @click="addClass(index)">{{item.title}}</div>
		</div>

app.vue

mounted(){
		window.addEventListener('scroll',this.heightScroll)
},
heightScroll(){
			var that=this
			if(that.$refs.topH){
				var scrollTop=document.documentElement.scrollTop || 			document.body.scrollTop
				let offsetTop=that.$refs.topH.offsetTop
				if(scrollTop>offsetTop){
					that.isActive=true
				}else{
					that.isActive=false
				}
			}
		}