mik*_*hud 3 javascript css jquery scroll mmenu
对于大学项目,我试图在响应式网站上实现移动菜单.为此,我使用了jQuery插件mmenu.
一切似乎工作得很好,除了一件事:每当我打开菜单时,它会滚动到页面顶部而不是停留在原来的位置.我也意识到在菜单打开时我无法滚动页面(与此处的示例相反:http://mmenu.frebsite.nl/mmenu/demo/onepage.html)
我的代码结构如下:
<body>
<!-- Mobile Navigation -->
<nav id="mobilenav">
<div>
<ul>
...
</ul>
</div>
</nav>
<div id="wrapper">
<header class="mm-fixed-top hidden-desktop">
...
<a href="#mobilenav" class="pull-left"><i class="fa fa-bars"></i></a>
...
</header>
<div id="topbar">
...
</div>
<div id="content">
...
</div>
</div>
<div id="tothetop" class="hidden-desktop">
...
</div>
<div id="bottom" class="visible-desktop">
...
</div>
<!-- Scripts -->
...
</body>
您可以在http://www.mikehudson.de/BA/上看到问题.
感谢您提前的答案.
- 迈克
小智 5
您是否将此插件与Foundation 5一起使用.如果是这样,您可以在global.scss文件中将html,body height从100%更改为auto.
例如...
从:
// Must be 100% for off canvas to work
html, body { height: 100%; }
至:
// Must be 100% for off canvas to work
html, body { height: auto; }