Как реализованные такие переходы?

Question

[alshchetinin]

Как реализовать такие переходы на сайте как здесь https://jant.fr/

Comments

[hellcaster]

Я не уверен, но поизучав немного исходный код, он при клике на ссылку он берет данные с страници на которую он переходит, отрисовует ее ниже, прокручивает к ней и удаляет прежнюю страницу с разметки

Answer 1

[ⓒⓢⓢ]

Как и написали в комментариях, выполняются такие действия:
1. Ждём пока страница загрузиться
2. Вставляем загруженную страницу в конец страницы
3. Осуществляем переход (прокрутку страницы)
Реализация не такая и сложная, можно хорошо упростить если использовать фреймворк (react, vue и прочее)

Понравился эффект приветствия на сайте, возможно кому ещё пригодится
https://codepen.io/anon/pen/xoZawm

Comments

[lagudal]

Скрипт прикольный, да, даже захотел его в одном маленьком проекте использовать.
JS правда в ie 11 не работает, вроде переписал код в es5, но все равно не хочет ((

[ⓒⓢⓢ]

lagudal, держите, этот должен работать
https://jsfiddle.net/s5d90b4c/

[lagudal]

ⓒⓢⓢ,
да работает отлично, спасибо )

Answer 2

[jamtuson]

Очень похоже на barbajs