javascript - 响应式导航栏

Question

我将如何创建一个也可以在移动设备上使用的响应式导航栏？

我需要的是一个锚点，点击它会将页面推到右侧并让导航栏出现在右侧。（有点像 facebook 的移动导航栏的工作方式。）

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

score 0 · Accepted Answer

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

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();
});

score 0 · Accepted Answer

试试 HTML5-导航-菜单

带有手机和平板电脑的响应式导航栏

2 回答 2