Dimensi
@Dimensi
Совсем недавно начал познавать верстку.

Как сделать анимационный переход страниц?

Есть 4 главные страницы, нужно на них повесить переход как тут
tympanus.net/Development/PageTransitions (move анимации)
К сожалению урок не учит, как подключить ajax и делать это со страницами, а не контейнерами.
Баловался с smoothState.js, подключил анимацию slideRight + slideLeft. Выглядело похоже, но есть огромная белая полоса между переходом. Я пришел к выводу, что не достаточно подмены контента, нужно загружать сразу две страницы заранее, чтоб переход был возможен, но к сожалению, не нашел там способа так сделать.
Ставлю сайт на modx. Как это сделать? Что делать? Заранее спасибо.
  • Вопрос задан
  • 856 просмотров
Пригласить эксперта
Ответы на вопрос 3
@devstudent
frontend-developer
а почему не поместить все в один html, чтобы каждая страница представляла собой блок высотой с экран, и тогда можно делать анимированый скролл всместо перехода на другую страницу
Ответ написан
Комментировать
zooks
@zooks
Frontend
Согласен с пользователем выше, нужно вывести все ресурсы на главную с помощью pdoResources.
А затем уже можно делать любые анимации. Но для SEO так конечно, будет хуже, чем с разбивкой по страницам.
Ответ написан
Если новая страница формируется из данных полученных ajax запросом, то перед запуском анимации перехода надо подготовить новую страницу: получить данные аяксом, в отдельном блоке сформировать новую страницу, запустить анимацию перехода. После этого возможно придется стереть блок с предыдущей страницей.
Такие переходы проще делать в одностраничных веб-приложениях.
Еще сложность может возникнуть с некоторыми элементами, которые общие для обоих страниц (хидер, сайдбар, ...).
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
28 мар. 2024, в 21:25
2000 руб./за проект
28 мар. 2024, в 21:17
5000 руб./за проект
28 мар. 2024, в 20:46
150000 руб./за проект