【问题标题】:Superfish Mobile Navigation MenuSuperfish 移动导航菜单
【发布时间】:2014-04-29 23:38:38
【问题描述】:

我有这个版本http://jsfiddle.net/6vp3U/

   $('#mobnav-btn').click(

function () {
    $('.sf-menu').toggleClass("xactive");


});


$('.mobnav-subarrow').click(

function () {
    $(this).parent().toggleClass("xpopdrop");


});

一个 Superfish 菜单可以缩放到移动版本,工作正常,我已将移动菜单定位在页面顶部,当它缩小到 800 像素时它会出现。

只有当我点击菜单按钮时,菜单会出现在我的所有标题内容下方。他们是一种在单击以将所有其他内容向下推并显示菜单时制作菜单的方法吗?

希望这是有道理的。

谢谢

【问题讨论】:

    标签: mobile navigation superfish


    【解决方案1】:

    像这样?

    Your Updated Fiddle

    <div id="nav">...</div>
    
    #nav {
    width: 100%;
    overflow: hidden;
    }
    

    【讨论】:

    • 嗨,谢谢,但这对我不起作用,是因为我的导航(sf-menu)在我的所有标题内容之后开始吗?
    • 如果你想让你的导航在你的内容之上,你必须先把它写在你的源代码中。或者您必须将其定位为绝对值。但随后它将覆盖您的内容。我唯一添加的另一件事是一个包含您的导航并为其提供 100% 宽度的容器。所以内容会淹没你的导航而不是放在一边。
    猜你喜欢
    • 1970-01-01
    • 2019-09-06
    • 2018-03-16
    • 2018-09-02
    • 2014-11-08
    • 1970-01-01
    • 2015-07-22
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多