Скрипт js для перелистывания страниц, как в телеграме?

Question

[antobra]

Приветствую, коллеги.

Подскажите скрипт, который в вебе (js) позволяет создать эффект «сдвигания» (знаю, что нет такого слова) страницы при клике на ссылку.
Поясню: например когда в приложении телеграма кликаешь на кнопку и страницы сдвигается слева направо, а когда нажимаешь обратно, то страница сдвигается справа налево. То есть это перелистывание, но выглядит как «сдвигание» страницы.
Подскажите, плз

Answer 1

[nvdfxx]

вам нужно spa + css транзишоны, если нужно, чтоб урл менялся

Answer 2

[ReaverJS]

Для таких целей лучше использовать какой-нибудь front-end framework (vue, react,angular) с роутером и т.д.

Можно сделать и на js + ajax + css транзишн + history.push() , но получается мудрено. Особенно, если у страниц есть свои скрипты или разные шаблоны (layout).
Вот пример(!):

Comments

[ReaverJS]

P.S. 1) Обертку для новой страницы лучше добавлять динамически.
2) Чтобы верстка страницы не съезжала - можно использовать css transform
3) С history.push() придется разобраться, чтобы нормально работала навигация по истории.

По поводу библиотек - не думаю что есть, так как тут нужен фреймворк (меняется структура проекта).

Answer 3

[Кирилл Ушаков]

highway.js, barba.js и им подобные, но сборщик прикрутить все равно придется.