为了解决这个问题,我四处搜寻。基本上,我的网站上有一个全屏滑出式菜单,其中显示指向该网站 4 个页面(即主页、关于、位置和帮助页面)的链接。这是主导航,从汉堡菜单图标中滑出。它在任何页面的顶部都能正常工作,但在平滑地向下滚动到任何页面的第二部分并单击固定菜单图标后,菜单滑出仅显示海军蓝色背景,没有任何链接。就好像背景向下延伸到第 2 部分,但链接停留在顶部。任何帮助都将是惊人的,因为这是针对 2 周后到期的单项作业。
这是当前(草案)网站的链接:https://jessjonesgraphics.000webhostapp.com
这是一张图片,可以向您展示我的具体意思:Image of issue
提前致谢!
最佳答案
将 .slider-container .slider-parent 的 css 改为 postion:fixed
这里的问题是它仍然与链接一起滑出,但由于您已经向下滚动,所以您只是滑出底部空白的蓝色。
通过将位置从绝对位置切换到固定位置,无论 slider 在页面上的哪个位置被拉出,它都会显示菜单,因为它固定在视口(viewport)上。
关于javascript - 滑出式菜单不显示网页第 2 部分中的导航链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54489206/