jquery - 响应菜单需要在栏下方打开

Question

使用下面的参考链接处理响应式菜单部分

[ http://media02.hongkiat.com/responsive-web-nav/demo/index.html][1]

当我以 320x460 窗口分辨率打开它时，菜单会在菜单栏上方打开，我希望它在栏下方

Answer 1

<nav class="clearfix">
    <a href="#" id="pull">Menu</a>
    <ul style="display: none;" class="clearfix">
        ...
    </ul>
</nav>

$('#pull').click(function() {
    $(this).next('ul').slideToggle();
});

看起来您需要调整媒体查询以匹配。菜单不会以更高的分辨率出现。

编辑：我在您的新小提琴中看到您正在使用 jQuery 处理其中的一些内容。可能最好留给 CSS。