返回顶部

返回顶部的滑动一个页面之后显示引用之前写好的Header为什么不行啊，把之前的Header在加一个要添加的class名字的参数

import Header from 'components/header';
 
 
const scrollContainer = document.getElementById('index-page');
const backtopEl = document.querySelector('.backtop-layout');
const CHANGED_CLASS_NAME = 'backtop-hidden';
new Header(backtopEl,window.innerHeight,scrollContainer,CHANGED_CLASS_NAME)

<br>

weixin_慕斯卡7437547 2021-12-21

源自：“仿穷游”商城webapp 1-1 课程简介

收起

2回答

好帮手慕星星 2021-12-22 11:02:17

同学你好，header和backtop组件逻辑是相反的。header组件中div默认没有新加的class值，向下滑动加上，向上滑动移除。而backtop组件默认有新加的class值，向下滑动移除，向上滑动加上。

所以不建议将两个组件合并为一个，分开写就好。

收起回答

好帮手慕星星 2021-12-21 18:29:42

同学你好，不太明白同学的提问，意思是滚动一个页面后，返回顶部图标不出现吗？有报错信息吗？有的话可以截图上来，也建议将返回顶部的代码全部粘贴上来，便于帮助测试解决。

祝学习愉快~

收起回答

提问者 weixin_慕斯卡7437547 #1

就是返回顶部滚动一个页面之后在显示不是和之前Header类的代码相似吗，只是修改一些参数，我是直接引用的之前的Header类，没有写在Backtop类中，在之前的Header类中加了一个类名的参数，头部的那个背景色滑动出现没有影响，但是返回顶部引用没有效果，也不报错

2021-12-21 18:39:23