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

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 la carga de la página. Esta expansión se lleva a cabo durante una fracción de segundo y parece extraña para el cliente. Creo que es un problema del navegador. ¿Qué se debe hacer para solucionar esto?

Nota: estoy usando CSS para diseñar el menú y apliqué este CSS en mi página aspx en la aplicación .net

preguntado el 03 de mayo de 12 a las 12:05

¡Será muy difícil dar una respuesta con la información dada! -

Creo que estás hablando de FOUC3: paulirish.com/2009/evitando-el-fouc-v3 -

2 Respuestas

En la hoja de estilo, agregue

pantalla: ninguna

a la raíz del menú. aquí supongo que será lista desordenada

Así será tu estilo

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

Agregue código Javascript en su página.

Si está utilizando JQuery. Prueba esto,

jQuery(document).ready(function(){

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

});

Si no funciona, proporcione más información en su pregunta.

contestado el 03 de mayo de 12 a las 13:05

Establezca inicialmente la visibilidad del menú: oculto y solo después de cargar la página, configúrelo en visibilidad: visible

contestado el 03 de mayo de 12 a las 12:05

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.