Question

我对位置有疑问：修复了我的mmenu的显示/隐藏锚点（在这种情况下，是一个汉堡包图标）。

选择图标可以按预期切换菜单，但打开菜单后，页面将从OS X中的Safari，Chrome和Firefox以及Safari iOS 8的顶部向下推~32px。令人惊讶的是，页面显示正确地在IE 10和11中。

我已添加：

<script src="js/jquery.mmenu.fixedelements.js"></script>

到页面，并分配了类＆＃34; FixedTop＆＃34;到包含锚点的div。所有100％的高度都标记为100vh。

我还尝试在div#wrapper中整理整个页面，并在解除插件时添加"Selector: '#wrapper'"以覆盖默认"body > div"。我删除了div#wrapper。

以下是两个链接 - 一个用于position:fixed示例，另一个用于position:static示例。

两者之间的唯一区别是＆＃34; layout.css＆＃34;在固定示例中，包含用于包含锚点的div的position:fixed样式。

非常感谢任何协助。

Answer 1

弗雷德在mmenu提供了这个解决方案：

将padding-top（例如1px）添加到<DIV class="content">，这样margin-top中的<H1>会保留在其中。

像魅力一样！谢谢Fred。

Answer 2

当OP谈到删除#wraper div时，这让我感到困惑。但是我把它添加到我的包装器中（正如文档中推荐的那样将你的内容包装在一个div中）并且它就像一个魅力。

发布，因为它混淆了其他任何人。