菜单在点击时上升(在移动视图中)

时间:2014-05-08 09:54:51

标签: javascript jquery css responsive-design

我正在使用sticky.js并且它运行良好但是当我调整浏览器这样的移动视图并点击它主菜单按钮上升而我无法关闭它时,我有要看到它 我应该怎么做才能坚持到顶部然后显示子集?

live demo

我使用这个jQuery

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

如果您需要更多详细信息,请告诉我

1 个答案:

答案 0 :(得分:0)

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

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

您希望它从顶部50px(因此它不会与菜单栏重叠)和fixed所以它始终保持在那里。

但是,这应该放在媒体查询中,因此它仅适用于移动版本。它将打破桌面版。