在移动网站上滚动时，汉堡下拉导航栏不可见答案

【问题标题】：hamburger drop down navigation bar is not visible when scrolling on a mobile site在移动网站上滚动时，汉堡下拉导航栏不可见
【发布时间】：2019-01-08 00:58:36
【问题描述】：

我正在使用这个 Colorlib 主题 https://colorlib.com/wp/template/po-portfolio/comment-page-1/#comment-829144

我想知道如何制作它，以便在移动网站上滚动时可以看到汉堡包下拉导航栏。

现在我必须一直滚动到页面顶部才能看到下拉选项

希望这是有道理的，感谢您的帮助或见解

【问题讨论】：

您要修复菜单吗？意思是，它会随着用户向下滚动而向下滚动？ - 如果是这样的话，从主题的演示来看，菜单似乎占据了移动设备屏幕的大部分空间，不确定用户会如何看到网站，如果是这样的话，我可以想一些可以提供帮助的 CSS，请告诉我们。

标签： jquery css drop-down-menu uinavigationcontroller

【解决方案1】：

在 css 之上应用后，它工作正常，看起来像你需要的那样，请参阅下面截图。

【讨论】：

【解决方案2】：

Hello replace your style with below style:-

    @media screen and (max-width: 992px) {
     .site-navigation {
            position: fixed;
            top: 70px;
            left: 0;
            z-index: 99;
            width: 100%;
            height: 100vh;
            background: #fff;
            box-shadow: 0 12px 24px rgba(0,0,0,.09);
            visibility: hidden;
            opacity: 0;
            transition: all 0.35s;
        }
    }

【讨论】：

谢谢你，这有效，但汉堡现在卡在移动页面的中心。
@Simsthi 请看下面的截图，如果您的代码实时更新，请发给我您的链接，以便我知道您到底想要什么。
您好@Simsthi，如果我的回答对您有用，请为我的回答投票。谢谢