Javascript 固定收割台位置错误

Javascript 固定收割台位置错误,javascript,html,css,Javascript,Html,Css,到达滚动位置时,收割台将粘在顶部 向上滚动可移除粘性效果 在完整的电影列表和标题前的bla bla bla块之后,搜索栏必须变得固定,但是它几乎位于页面顶部,并且与上一部分重叠,而且它不会一直滚动到标题块的底部 //当用户滚动页面时,执行myFunction window.onscroll=函数{myFunction}; //拿到头球 让页眉=document.querySelector.find; //获取导航栏的偏移位置 让粘性=header.offsetTop; //当到达其滚动位置时,

到达滚动位置时,收割台将粘在顶部

向上滚动可移除粘性效果

在完整的电影列表和标题前的bla bla bla块之后,搜索栏必须变得固定,但是它几乎位于页面顶部,并且与上一部分重叠,而且它不会一直滚动到标题块的底部

//当用户滚动页面时,执行myFunction window.onscroll=函数{myFunction}; //拿到头球 让页眉=document.querySelector.find; //获取导航栏的偏移位置 让粘性=header.offsetTop; //当到达其滚动位置时,将sticky类添加到标题中。离开滚动位置时去除粘性 函数myFunction{ 如果window.pageYOffset>sticky{ header.classList.addsticky; }否则{ header.classList.removestcky; } } 身体 * { 排名:0; 左:0; 保证金:0; 背景色:F5FFFA; 溢出:滚动; } .条形图{ 位置:绝对位置; 排名:0; 底部:0; 左:0; 右:0; 保证金:自动; } .完整清单{ z指数:2; 宽度:自动; 显示:块; 线高:15px; 文本对齐:居中; 位置:相对位置; 利润率最高:50%; 填充顶部:84px; 右侧填充:0.5雷姆; 垫底:0.5雷姆; 左侧填充:0.5雷姆; 背景色:171618; 排名:0; 最大高度:3000px; } .头衔{ 位置:相对位置; 浮动:左; 显示:内联块; 字体系列:“Anonymous Pro”,monospace; 字体大小:10px; 填充:10px; 颜色:b2abb6; 线高:1.5px; 背景色:171618; 光标:指针; 指针事件:可见; } .桥{ 排名:0; 最大宽度:40雷姆; 保证金:0自动; 填充物:1em.75rem; 填充底部:0; 背景色:171618; 线高:27px; } .找到{ 位置:相对位置; 宽度:100%; 高度:40px; 背景色:171618; 溢出:隐藏; 溢出x:隐藏; 边缘顶部:50px; 边缘底部:50px; } .搜索框{ 位置:相对位置; 顶部:-10px; 保证金:0自动; 宽度:20雷姆; 高度:40px; 字体大小:40rem; 边框底部:1px实心b2abb6; 背景色:171618; 显示:块; 边缘底部:3rem; 溢出:隐藏; 溢出x:隐藏; } 输入{ 顶部:-186px; 宽度:100%; 字号:21px; 字号:100; 背景色:171618; 颜色:EFEF; 边界:无; 溢出x:隐藏; 位置:相对位置; } 输入:焦点{ 大纲:无; } .搜索图标{ 位置:相对位置; 左:139px; 顶部:-403px; 背景色:171618; -webkit文本填充颜色:171618; 背景:透明; 溢出:隐藏; } .搜索图标svg{ 填充:EFEF; 背景色:171618; 宽度:20px; 高度:20px; } .粘的{ 位置:固定; 排名:0; 宽度:100% } .粘性+.标题{ 填充顶部:102px; } 电影全集 要查看完整的电影列表, 下面你可以搜索2000部电影中的任何一部,等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等。 它不会一直滚动到标题栏的底部

它实际上会一直持续到最后。就在容器下面。这是因为在.full list类上设置了z索引:2。要修复它,只需给你的.sticky类一个更高的z索引

它几乎位于页面顶部,与上一节重叠


如果我理解正确,您的粘性标题有问题,因为它没有固定在顶部。在.find类中,您忘记删除边距。在.sticky类中覆盖或删除它,它应该可以正常工作。

在给定的代码段中,我看不到第二个问题。你有你网站的链接吗?@Aaron3219我已经编辑了我的问题。Codepen补充道:“我希望我在回答中正确地理解了你。”。。。我不太清楚你的第一个问题是什么意思。