隐藏直到需要的标题在移动设备上不起作用答案

【问题标题】：Hide Until Needed Header Not Working On Mobile隐藏直到需要的标题在移动设备上不起作用
【发布时间】：2017-07-15 23:23:53
【问题描述】：

不确定这是 CSS 问题还是 JS 问题，但我一直在研究一个网站 (TheFilmPoets.com)，该网站使用“在需要时隐藏”的标题导航容器。换句话说，导航菜单在您向上滚动之前不会显示。它可以在桌面上完美运行，但在网站的移动和平板电脑版本上却无法运行。

是否有人对这是 CSS 或 JS 问题或如何解决问题有任何指导？

【问题讨论】：

我认为部分原因是#header-outer 元素的data-mobile-fixed="true"。当我将其设置为data-mobile-fixed="false" 时，菜单似乎可以在屏幕宽度在大约 765 像素到 1000 像素之间的设备上运行。它仍然不适用于宽度小于大约 765 像素的设备。
再看一遍，data-mobile-fixed="false" 时菜单不完美。展开菜单时，展开后的菜单始终显示在页面顶部。

【解决方案1】：

你有这个 CSS 规则，它在宽度

（第 30 行内联）

#header-space, #header-outer {
    display: none;
}

【讨论】：