Menú que se expande durante la carga de la página

Question

He creado un mega menú en nuestra aplicación. Durante la carga de la página, este menú expande todos los elementos y luego se contrae (al diseño requerido) después de cargar la página. Esta expansión se lleva a cabo por una fracción de segundos y se ve extraña al cliente. Creo que es un problema del navegador. ¿Qué se debe hacer para resolver esto?

Nota: Estoy usando CSS para diseñar el menú y se aplica este CSS en mi página aspx en la aplicación .NET

Answer 1

la hoja de estilo, añadir pantalla

: ninguno

a la raíz del menú. Asumo aquí que sea lista desordenada

Es así como, su estilo será

<ul id="menu" style="display:none">...</ul> 

Añadir un código Javascript en su página.

Si está utilizando JQuery. Prueba de esto,

jQuery(document).ready(function(){ 

jQuery('ul#menu').css('display','block'); 

}); 

Si esto no funciona, por favor proporcionar más información en su pregunta.

Answer 2

establece inicialmente la visibilidad del menú: oculto y sólo después de carga de la página puse a la visibilidad: Visible