jQuery菜单:菜单在布局旁边的位置

Question

就我测试的jQuery.mmenu而言，我可以删除wheter，我希望菜单在浏览器窗口左右。

我的网站的设计没有100%的屏幕，所以我想定位菜单在设计的左上角和非浏览器窗口左上角。

jQuery.mmenu的Javascript在打开主体标记后直接移动菜单的html，因此它不再存在于设计的html结构中。纯粹的CSS定位无助于我猜:-(

​

<!-- The page -->
<div class="page">

   <!-- The menu -->
   <nav id="menu">
      <ul>
         <li><a href="/">Home</a></li>
         <li><a href="/about">About us</a></li>
         <li><a href="#">...</a></li>
      </ul>
   </nav>

   <div class="header">
      <a href="#menu">Open mmenu</a><br>
      Demo
   </div>
   <div class="content">
      <p><strong>This is a demo.</strong><br />
         Click the menu icon to open the menu.</p>
   </div>
</div>

​

如您所见，菜单位于div ".page“中，但mmenu的Javascript将其移出外部。请看http://jsfiddle.net/qncfkjbg/，我想在黄色区域的左上角打开菜单，而不是在窗口的左上角打开。

这有可能吗？

Answer 1

position:fixed;
top:10px;
left:10px;   

应用此css，您可以分别更改顶部和左侧