Question

我正在尝试在我的网站中添加一个非画布菜单，我选择的是mmenu（http://mmenu.frebsite.nl/index.php）。除了我的页脚以外的其他所有工作。我在网站上有一个粘性页脚，每次单击菜单时，页脚都会飞出位置。

对于固定页脚，添加mm-fixed-bottom类： id =“footer”class =“mm-fixed-bottom”＆gt; Goodbye＆lt;

Example: http://jsfiddle.net/1eddy87/Lx5ps/1/

我已经尝试过记录的方式，说明你应该对任何固定元素使用“mm-fixed-bottom”，但这并不能解决问题。

Documentation: http://mmenu.frebsite.nl/tutorial.php

滚动到页面底部，然后通过标题打开菜单，您将看到页脚移出位置。

任何想法??

我意识到我使用的是绝对的，而不是固定的。它是粘性页脚（http://mystrd.at/modern-clean-css-sticky-footer/）的要求。我试图通过希望mm固定底部可以工作来修复我的方式，但事实并非如此。我需要修复使用绝对值。

Answer 1

当它应该是position:absolute时，页脚上有fixed。您还要从mm-fixed-bottom覆盖CSS。我认为粘性页脚的全部原因是它留在屏幕的底部而不会移动。

我删除了所有定位并且有效。

找到解决方案：

在进一步检查时，看起来图书馆会将<div class="mm-page">更改为height:100%，并使用height:auto。我在浏览器检查器中切换它并且它可以正常工作。

改变了这个：

html.mm-opened .mm-page {
    height: auto;
    overflow: hidden;
    position: absolute;
}

Answer 2

刚出现同样的问题，但我想出了使用css calc。

html.mm-opened .mm-page {
height: -webkit-calc(100% - 320px);
height: -moz-calc(100% - 320px);
height: calc(100% - 320px);}

320px是页脚的高度。 Calc得到了很好的支持。见calc browser support