滑出式菜单不显示网页第 2 部分中的导航链接

Posted 2023-05-08

【中文标题】滑出式菜单不显示网页第 2 部分中的导航链接

【英文标题】：Slide-out menu does not display navigation links in section 2 of web page

【发布时间】：2019-06-26 14:29:18

【问题描述】：

为了弄清楚这一点，我已经四处寻找。基本上，我的网站上有一个全屏滑出式菜单，其中显示了网站 4 个页面的链接（即主页、关于、位置和帮助页面）。它是主导航，从汉堡菜单图标滑出。它在任何页面的顶部都可以正常工作，但是在向下平滑滚动到任何页面的第二部分并单击固定菜单图标后，菜单滑出仅显示深蓝色背景，没有任何链接。就好像背景延伸到第 2 节，但链接卡在顶部。任何帮助都会令人惊叹，因为这是 2 周后到期的大学作业。

这里是当前（草稿）网站的链接：https://jessjonesgraphics.000webhostapp.com

这是一张图片，向您展示我的具体意思：Image of issue

提前非常感谢！

【参考方案1】：

将.slider-container .slider-parent的css改为postion:fixed

这里的问题是它仍然与链接一起滑出，但是由于您已经向下滚动，所以您只是将滑出的底部空白蓝色。

通过将位置从绝对位置切换到固定位置，无论滑块在页面上的哪个位置被拉出，它都会显示菜单，因为它固定在视口上。

【讨论】：

同时将 .up 的 z-index 更改为 3，将滑块 z-index 更改为 4，因为向上按钮显示在滑出上方

.slider-container 上没有。抱歉应该指定哪个类

对不起，Mernlin，你是对的！你解决了我的问题！多么容易...感谢你不够。此外，关于箭头按钮和滑出菜单的 z-index 的重要提示。传奇。

hahaha allsweet 它总是一件简单的事情，你花几个小时强调以前去过那里。祝你任务顺利