【问题标题】:menu goes up when click on it (in mobile view)单击菜单时会出现菜单(在移动视图中)
【发布时间】:2014-05-08 18:01:17
【问题描述】:

我正在使用sticky.js,它运行良好,但是当我调整浏览器(如移动视图)的大小并单击它时,主菜单按钮会出现并且我无法关闭它,我必须向上查看它 我应该怎么做才能坚持到顶部然后显示子集?

live demo

我用这个 jQuery

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

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

【问题讨论】:

    标签: javascript jquery css responsive-design


    【解决方案1】:

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

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

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-09-17
      • 1970-01-01
      • 2015-04-12
      • 1970-01-01
      • 2014-09-23
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多