Как сделать перелистывание страницы с эффектом и без перезагрузки?

Question

[Александр Буян]

Привет мастерам от изучающего.
Хотел спросить тут. Создаю сайт, и хотелось бы реализовать перелистывание страниц нажимая на соответствующие кнопки без перезагрузки и с эффектом. Смысл реализации указано на скриншоте ниже.


Есть ли какие-то скрипты или четкое пояснение этому чуду?

Answer 1

[User Unknown]

Чудо называется PJAX.
Можете посмотреть либу barba.js, на оф. сайте есть примеры

Comments

[Александр Буян]

Хм.. впервые узнал о Barba.js. Почитал и стало любопытно.
Как давно появился pjax?

[User Unknown]

Александр Буян: сама библиотека появилась очень давно, но сейчас она уже не поддерживается, можете посмотреть в гитхабе

[Александр Буян]

Андрей Н: Хм.. Если она не поддерживается, то есть ли смысл его использовать? Не лучше ли использовать ajax? Прошу прощения за такое количество вопросов.

[User Unknown]

Александр Буян: не в том дело поддерживается, она или нет. Если вам нужен этот функционал, забирайте. Подгрузка страниц без перезагрузки, есть классной фичей для UX.

[User Unknown]

Александр Буян: разве не круто здесь это реализовано?

[Александр Буян]

Андрей Н: Да, согласен. Спасибо за подсказку. Полезная штука.

Answer 2

[Полина Емельянова]

Эм... Я бы сделала такую штуку в виде слайдера. Контролы-кнопки, моднявый хоризонтал-скролл... *Сейчас меня закидают помидорами

Берите Owl, Slick, bxslider карусели.