移动端一键返回顶部

发布时间 2023-06-30 16:31:25作者: 素漪

1.顶部栏给了固定高度且position:fixed,进入页面后主体部分的盒子会有上面一部分隐藏在顶部栏后--------给顶部栏和主体盒子外面的大盒子设置了display:flex就好了;

2.一键返回顶部用的document.getElementsByClassName('类名')[0].scrollTop || window.pageYOffset || document.body.scrollTop判断他们的距离大于一个距离后返回顶部按钮再显示,否则隐藏;现在mounted()函数中设置监听事件window.addEventLister('scroll',this.handleScroll,true);

3.退出设置了监听滚动距离的页面后,在其他页面仍然在监听滚动事件,需要在相关页面设置destroyed()钩子函数,window.removeEventLister('scroll',this.handleScroll,true),删除监听器