jQuery mmenu使页面自动跳转到顶部

为大学项目我试图实现一个移动菜单到一个响应式网站。为此，我使用了jQuery插件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/。

感谢您提前给出答案。

迈克 -

来源

2014-03-25 mikethehud

检查你的CSS中的html和body。如果两者的高度均为100％，则会使这些跳跃 – 5ulo

您是否使用这个插件与基金会一起5.如果是的话，你可以从100％的global.scss文件中更改HTML，车身高度自动。

如...

FROM：

// Must be 100% for off canvas to work 


    html, body { height: 100%; }

TO：

// Must be 100% for off canvas to work 


    html, body { height: auto; }

来源

2014-09-18 06:02:51 thorminator

我更改为自动，并且仍跳跃... – Shahar

也一样。 – kntmrkm

如果你申请的100％的身体/ HTML，请确保您的preventDefault（）上点击事件，如果你的触发器在href中有一个“＃”。这使我绊倒了。

来源

2015-02-12 06:23:48 JCraine

我改变了自动，我没有使用锚点（使用跨度），它仍然跳跃... – Shahar

工程！谢谢！ – kntmrkm

jQuery mmenu使页面自动跳转到顶部

回答

相关问题