1

我有一个奇怪的问题,我无法弄清楚。我正在开发一些独立于我网站其余部分的导航(即响应式),并且一切进展顺利,除了一件事。如果您以正常桌面大小加载页面,则导航正确地位于占位符图像上方。但是,如果您将浏览器窗口的大小调整为更窄,使其切换到平板电脑大小,然后再次将其调整为更宽,则导航将位于占位符图像下方。

也许这很简单,也可能不是。我想不通。

我的html结构是

<body>
<div id="page">
<div id="wrapper">
    <nav></nav>
    <section id="content"></section>
</div>
</div>
</body>

所以我不确定内容部分是如何超过导航的,但是如果你检查代码并在我上面描述的调整大小后查看 html,代码变成

<body>
<div id="page">
<div id="wrapper">
    <section id="content"></section>
    <nav></nav>
</div>
</div>
</body>

我不确定这是否是我正在使用的 javascript 或者是什么交易是在处理它而不是重置它。当然,这不是缺少 CSS 声明...

编辑:解决!谢谢克里斯!

4

2 回答 2

0

尝试更改 navigation.js 行

a.elt.insertAfter("#content");

a.elt.insertAfter("#header");
于 2013-09-10T19:54:05.260 回答
0

查看从第 #2619 行开始的代码,该destroy函数期望有一个 element #header,但它不存在。将元素添加#header为您的第一个元素#wrapper,问题将得到解决。我假设这不是您的 JavaScript,所以我不建议更改它;相反,调整您的标记以使其符合预期。

于 2013-09-10T20:22:43.590 回答