页面中间显示提示信息，当滚动时消失

在h5页面需要做一个提示信息，当滚动页面时消失，从另一个页面调回来是显示出来
v-if控制显示隐藏 接下来就是事件的控制 在vue项目中

mounted() {
// 监听页面滚动
window.addEventListener(‘scroll’, scroll = () => {
// 通过是否滚动来判断显示和隐藏，不然从别的页面过来不显示，会执行一次这个事件
let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
if (scrollTop > 0) {
this.showBtn = false
}
})
},
当离开这个页面时销毁这个事件
beforeDestroy() {
window.removeEventListener(‘scroll’, scroll);
}