0

我还是 javascript 新手，一直在使用响应式导航：
http ://responsive-nav.com

问题是当您加载页面时，响应式导航会暂时显示。在您实际打开导航之前，它不应该是可见的。有这个问题的网站是：http ://dev.sunnyvista.infront.com/

我知道这种风格可能与它有关：
@media screen and (min-width : 940px) { .js .nav-collapse.closed {max-height:0;}}

在响应式导航的示例中，它设置为max-height:none;但是，当我将其设置为时，max-height:none;它会在任何宽度超过 940 像素的屏幕上显示响应式导航。

我现在将 javascript 放在页脚中，并且在页面的所有其他 javascript 加载之前，但是当您加载页面时导航仍然会暂时显示。我还尝试将上述媒体查询放在页面的头部，只是为了看看它是否需要更快地获得 css 样式。两者都没有工作。

非常感谢您对 javascript 更有经验的人的第二眼！

4

2 回答 2

0

最初，您必须将导航设置为display:none并将其设置为display:block要显示导航的媒体查询截止。

例如：

在普通桌面模式下：（最好把它放在你的css文件加载部分的顶行<head>）

nav {
    display:none;
}

在小型设备中

@media screen and (max-width : 760px) { 

nav {
    display:block;
}

}
于 2013-11-12T16:41:51.277 回答
0

找到了答案： https ://github.com/viljamis/responsive-nav.js/issues/24

上面发布的问题很好地回答了这个问题。

于 2013-12-22T22:43:32.137 回答