在加载完页面之前，Superfish子菜单显示

任何人都知道为什么会发生这种情况？无论何时访问网站上的某个页面，子菜单都会短暂出现，然后在页面加载完成后消失。我想阻止这种情况发生。这里的网址.. http://epsia.marketspacecom.com/在加载完页面之前，Superfish子菜单显示

我猜有一个与我的CSS问题，但我似乎无法准确判断问题是:(

来源

2012-02-13 Dustin

可能是你在CSS来定义的，而不是在JS给人这样display:none：

.sf-megamenu{ 
display:none; 
}

来源

2012-02-13 17:11:38 sandeep

没错..就是这样。我记得我删除了一条类似于那种认为将megamenu设置为无显示的奇怪的行。哎呀！谢谢！ – Dustin 2012-02-13 18:39:19

此答案如何帮助其他人？什么是sf-megamenu？它不是超级鱼的一部分。 – 2013-07-12 21:13:31

或者你可以在加载页面时隐藏这个文件：.sub-menu => .sub-menu {display：none} – wpdaniel 2014-12-07 17:51:39

它发生缓慢渲染页面。
几个方面，我发现避免这种情况：

渲染之后完成页面加载，和所有其他的init东西
渲染它的“页”，即外左：-90000px例如
给包装榆木能见度：隐藏; - >渲染 - >显示它。

来源

2012-02-13 17:11:35

最近我解决我的网站上这个问题，我已经通过使用CSS和jQuery解决了这个问题，步骤来解决问题

1添加一个类到菜单的陪伴。（该类的属性应该溢出：隐藏;）

2在页脚区域使用jquery删除此类一段时间后。

Forexample

<style>.removehidden{ overflow:hidden;}</style> 
<div class="removehidden" id="hidden"> 
    <div calss="menu"> 
     <!--- All inside of menu --> 
    </div> 
</div>

在页脚区域写这个剧本

<script> 
    setTimeout(function(){ 
     $('#hidden').removeClass('removehidden').addClass(text); 
     },1000); 
</script>

来源

2013-01-11 06:16:32

您可以添加以下的CSS

 

    .yourmenuwrap-class-here .sub-menu{ 
    display:none; 
    }

或在一般的方式

 

    .sub-menu{ 
    display:none; 
    }

此方法在初始页面加载时关闭子菜单，并在悬停时激活它们。

来源

2013-08-15 08:17:39 user2685224

我在我的一个网站中遇到了这个问题，因为在服务器上进行维护时页面加载非常慢，到子菜单类工作完美，并为我解决它。 – newComer 2013-10-09 14:31:16

你也可以试试（我的作品），在superfish.css

ul.sf-menu ul#nav { display:none; ...

来源

2013-09-04 03:48:42

在加载完页面之前，Superfish子菜单显示

回答

相关问题