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

标签 javascript jquery html css menu

为了解决这个问题,我四处搜寻。基本上,我的网站上有一个全屏滑出式菜单,其中显示指向该网站 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/

相关文章:

javascript - Vuetify 数据表在列单击时展开行

javascript - 为什么我的自定义 jQuery html 标记添加了不存在的断点?

php - 将 PHP 变量值传递给 jquery 函数

javascript - 需要帮助控制 iE8 中的音频对象音量

html - 将 <p> 中的水平文本与倾斜的 <div> 对齐

javascript - 如何从多个输入框收集数据?

javascript - Node.JS 在询问实际存在的端点时返回 404

javascript - if/else 语句显示/隐藏图像

jquery - jQuery UI 插件 Tag-it 中每个标签允许的最大字符数

html - 使用 mediaelement.js 播放 iPhone/iPad 的替代源