Плавное движение страниц сайта

[Tit6ka]

Как сделать , чтобы при клике на пункт меню "Статьи" , текущая страница плавно сьежала в лево , и страница "Статьи" становилась на её место .

[ksa]

Как сделать

Как вариант, иметь 2 контейнера... В один добавлять новый контент, после чего смещать второй влево...
После смещения вообще удалять вместе с содержимым. Затем добавлять пустой, для нового контента...

[danik.js]

На github сделан подобный эффект перехода. Впринципе эффект - дело десятое. На GitHub такая фишка что адрес в адресной строке меняется, а новый контент подгружается через асинхронный запрос. Впринципе можно сделать также. Однако если страниц очень мало и они короткие - то можно весь контент держать в одной html-странице. Сделать анкорную навигацию (причем работающую на чистом css), а поверх - javascript, добавляющий нужный эффект.

[dmitry111]

На GitHub такая фишка что адрес в адресной строке меняется, а новый контент подгружается через асинхронный запрос.

На github вроде нет такой фишки (по крайней мере браузер показывает полосу загрузки)
В vk такая фишка! Именно поэтому там можно слушать музыку и перемещаться по страничкам
Это HTML5 History API

Суть в три этапа:
1 Запрашиваем данные
2 Вставляем данные
3 Изменяем урл

У devote есть кроссбраузерное решение https://github.com/devote/HTML5-History-API


Вот демо от devote - http://history.spb-piksel.ru/

[danik.js]

На github вроде нет такой фишки

А вот и есть ) Например при навигации по папкам.

[dmitry111]

А вот и есть ) Например при навигации по папкам.

да, по папкам есть!
Я просто на главную зашел, кликнул и эффекта не увидел))

[melky]

Именно поэтому там можно слушать музыку и перемещаться по страничкам
Это HTML5 History API

это не одна HTML5 History API, это все разные технологии : Web Storage, HTML5 Audio (wth Flash fallback), AJAX, History API )

[dmitry111]

melky,

ну то есть да.. Там много чего)