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

Question

为了解决这个问题，我四处搜寻。基本上，我的网站上有一个全屏滑出式菜单，其中显示指向该网站 4 个页面(即主页、关于、位置和帮助页面)的链接。这是主导航，从汉堡菜单图标中滑出。它在任何页面的顶部都能正常工作，但在平滑地向下滚动到任何页面的第二部分并单击固定菜单图标后，菜单滑出仅显示海军蓝色背景，没有任何链接。就好像背景向下延伸到第 2 部分，但链接停留在顶部。任何帮助都将是惊人的，因为这是针对 2 周后到期的单项作业。

这是当前(草案)网站的链接:https://jessjonesgraphics.000webhostapp.com

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

提前致谢!

Answer 1

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

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

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