2011-07-12 10 views
8

Cuando navego en un repositorio en GitHub (ejemplo: https://github.com/sizzlelab/kassi) y hago clic en una carpeta, carga la carpeta con una animación javascript genial, moviéndome cosas a la izquierda, en lugar de volver a cargar toda la página. Sin embargo, la URL de la página aún se actualiza en cada clic.Cómo logro el "efecto repositorio de navegación GitHub" (actualización de URL sin refrescar la página)

¿Cómo logro esto? Que yo sepa, no puede actualizar la URL de la página desde javascript, por lo que debe actualizar la página. Supongo que hacen un almacenamiento en caché parcial de la página para que no parezca volver a cargar y luego ejecutar la animación de javascript después de volver a cargarla. ¿Estoy en el camino correcto? ¿Alguna sugerencia sobre cómo se puede lograr esto? Mi entorno es jQuery and rails, pero un consejo general también ayudará.

+0

Vi esto hoy y también era curioso. Pero no lo suficiente como para cavar :( – Jordan

+0

posible duplicado de [GitHub Slider JQuery Plugin ...] (http://stackoverflow.com/questions/5419469/github-slider-jquery-plugin) –

+0

Merlyn: sí, esa es la pregunta cerrar, pero estoy más interesado en el método de actualización de URL a través de la actualización de la página que el efecto de diapositiva que tienen en GitHub, y parece que no hay respuestas a eso en la otra pregunta. ¡Pero gracias por el comentario! – Kusti

Respuesta

4

Puede leer sobre este comportamiento en la especificación - History API y en MDN en la sección "Agregar y modificar entradas de historial".

+0

Gracias Entonces, ¿se trata de material HTML5? ¿Alguna idea sobre qué soporte tiene el navegador para eso actualmente? ¿Y se degrada graciosamente y, en caso afirmativo, cómo? ¿Simplemente refrescando toda la página? Bueno, solo unas pocas preguntas rápidas, excavo en a esos enlaces ahora. :) – Kusti

+1

Modernizr comprueba la API de Historial algo como esto: function isHistorySupport() {return !! (window.history && history.pushState); } –

+0

@Kusti la parte inferior del enlace MDN tiene compatibilidad con el navegador – Jordan

Cuestiones relacionadas