0

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

对于固定页脚，添加类 mm-fixed-bottom： id="footer" class="mm-fixed-bottom">Goodbye<

示例：http://jsfiddle.net/1eddy87/Lx5ps/1/

我已经尝试了记录的方式，它说你应该对任何固定元素使用“mm-fixed-bottom”，但这并没有奏效。 

文档：http://mmenu.frebsite.nl/tutorial.php

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

有任何想法吗？？

我意识到我使用的是绝对的，而不是固定的。它是粘性页脚的要求（http://mystrd.at/modern-clean-css-sticky-footer/）。我试图通过希望 mm-fixed-bottom 能够工作来解决我的问题，但它没有。我需要修复使用绝对值。

4

2 回答 2

0

position:absolute当它应该是时，你已经在页脚上fixed。您还从mm-fixed-bottom. 我认为粘页脚的全部原因是它停留在屏幕底部而不移动。

我删除了所有定位并且它起作用了。

http://jsfiddle.net/Lx5ps/3/

找到的解决方案：

在进一步检查中，看起来库更改<div class="mm-page">为height:100%使用height:auto. 我在浏览器检查器中将其关闭，它可以工作。

改变了这个：

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

http://jsfiddle.net/Lx5ps/4/

于 2014-02-24T23:50:13.820 回答
0

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

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

320px 是页脚的高度。Calc 得到了很好的支持。查看calc 浏览器支持

于 2014-06-11T18:13:00.970 回答