GitHub, кажется, делает что-то невероятное: анимированные изменения страниц без нарушения состояния. Адресная строка изменяется, но страница не обновляется, и я получаю анимированное изображение в следующем представлении.
Например, нажмите этот URL: as3logback/ затем нажмите этот URL: as3logback/Библиотека
Как в дьяволе они это делают!?! Это так здорово! Используют ли они какой-то фрейм или что-то серверное?
У них есть подробная запись в блоге о том, как она работает (API истории HTML5) здесь: https://github.com/blog/760-the-tree-slider
http://www.asual.com/jquery/address/ - это плагин jquery, который поддерживает API истории HTML 5 в дополнение к традиционному методу хэш-тегов. Это полезно для поддержки переходов в старых браузерах (через хэш-тег) при использовании метода HTML 5, когда он доступен.
Они скорее всего используют Ajax и HTML5 history.pushSate.
Обратите внимание, что это работает только в последних браузерах, таких как Firefox 4 и Chrome 8 (IE 9?). Таким образом, вам все равно понадобится резервное решение, например, использовать идентификатор фрагмента, так как теперь многие веб-сайты, управляемые Ajax (хороший пример, чтобы увидеть разницу в Facebook).
Pjax: Демо, Источник ( GitHub)
Это тот, который использует GitHub... ссылка