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(这样它就不会与菜单栏重叠)并且固定以便它始终保持在那里。

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