2011-01-26 12 views
6

Esto es complicado: cuando hace clic en un enlace en una página web, por lo general lo hace en blanco (Pobre terminología, lo sé), pero en algunos casos, si DOM es mayoritariamente igual, hace la transición entre los dos sin parpadeando en blanco. La razón por la que quiero que la transición sea suave cada vez es porque tengo un efecto en los enlaces que se ve mejor así ...(Diseño web) Al cambiar de página, ¿cómo evita que la pantalla destelle en blanco?

¿Qué hace exactamente que las páginas con aproximadamente el mismo DOM se puedan desactivar así? Gracias =)

Respuesta

1

El hecho de que su página no aparece en el momento en que navega de una página a otra, creo que no puede hacer nada al respecto porque hay muchos factores que pueden jugar un rol (es decir, capacidad de respuesta de su servidor web , su velocidad de conexión a internet, etc.).

Sin embargo, si realmente quiere tener una buena transición entre las páginas, que sugieren una de las siguientes soluciones:

1) cargar sus páginas en un marco flotante. Cuando navega de una página a otra, puede mostrar un mensaje de carga usando una superposición DIV, por ejemplo. Puede ocultar la superposición de mensajes de carga cuando la página se ha cargado. Esto se puede desencadenar utilizando el evento jQuery .ready() en la página secundaria (el padre no puede determinar si la página secundaria se ha cargado por completo).

Tenga en cuenta que para controlar la página padre de la página iframed, todas las páginas deben estar en el mismo dominio (política del mismo dominio).

2) En caso de que la navegación tenga lugar dentro del mismo dominio/sitio web de la aplicación, investigue si puede realizar una carga parcial del contenido de su página usando JQuery, por ejemplo.

-4

No creo que sea posible. El convertidor de PDF solo muestra la salida html final ... JavaScript siempre se ejecuta cuando la carga o algunos interactúan con DOM. Entonces no es posible.

+0

Es posible -> Como he dicho antes, lo hace en ciertas situaciones como es, tengo curiosidad de cómo hacerlo más consistente. Creo que podría ser el almacenamiento en caché, pero no estoy seguro. –

0

Eche un vistazo a AJAX ya que esto es típicamente una forma de evitar el problema "Publicar atrás" que recuerdo con ASP.Net donde generalmente en un envío de formulario la pantalla parpadeaba cuando recargaba toda la página.

1

Esto sucede porque su página web tarda demasiado en renderizarse. Para optimizar la velocidad de renderizado de su página, coloque hojas de estilo en la parte superior de la página (dentro de <head></head>) y scripts en la parte inferior de la página (justo antes de </body>). Funcionó para mí

Además, eche un vistazo al artículo de Yahoo sobre este tema: Best Practices for Speeding Up Your Website.

Cuestiones relacionadas