javascript - 单击它时菜单会出现(在移动 View 中)

Question

我正在使用 sticky.js它运行良好，但是当我像移动 View 一样调整浏览器的大小时并单击它时，主菜单按钮会出现，但我无法关闭它，我必须起来才能看到它我应该怎么做才能使其保持在顶部然后显示子集？

live demo

我用这个 jQuery

jQuery(document).ready(function(){
    jQuery("#header").sticky({
        className : 'sticky-header'
    });
});

如果你需要更详细的信息，请告诉我

Answer 1

在 .sticky-header ul.slimmenu 中，将样式更改为:

font-size:32px;
position:fixed;
top:50px;
box-shadow:none;

您希望它距离顶部50px(这样它就不会与菜单栏重叠)并且固定以便它始终保持在那里。

但是，这应该放在媒体查询中，因此它只适用于移动版本。它会破坏桌面版本。