【无标题】回到顶部组件

1.事先为window开启滚动事件，获取当前滚动的高度

mounted(){
	window.onscroll = () => {
		this.add();
	};
},
method(){
	add(){
		let body = document.body;
		let html = document.documentElement;
		let ht = body || html;
		this.top = ht.scrollTop;
		}
}

2.监听高度变化，判断按钮的显示隐藏

watch: {
	top(newval, oldval) {
		if(newval > 200) {
			this.show = true;
		} else {
			this.show = false;
		}
	}
}

2.点击返回头部

goskip(){
	window.scroll({top: 0, behavior: 'smooth'});
}

3.弹出隐藏

设置show为false点击为true即可