javascript - 响应式导航栏

<分区>

要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的，因为它们往往会吸引自以为是的答案和垃圾邮件。相反，describe the problem以及迄今为止为解决该问题所做的工作。

关闭 9 年前。

我将如何着手创建也适用于移动设备的响应式导航栏？

我需要的是一个 anchor ，单击该 anchor 会将页面推到右侧并在右侧显示导航栏。 (有点像 facebook 的移动导航栏的工作方式。)

我能找到的最好的例子是 here但我似乎无法区分仅使用右推菜单按钮的代码。

最佳答案

是这样的吗？显然它可以设计得更漂亮等等，但基本结构是有效的。

HTML:

<div id="menu">
  <ul>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
  </ul>
</div>
<button id="menuHandle">Menu</button>

CSS:

#menu {
    background-color:#abcdef;
    float:left;
    display:none;
    padding:20px;
}

js(好吧，jquery)

$('#menuHandle').click(function(){
  $('#menu').fadeToggle();
});

关于javascript - 响应式导航栏，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18273259/

相关文章：

JQuery 淡出然后加载