Плавный переход между загруженными страницами на сайте - PullRequest
0 голосов
/ 20 сентября 2019

Я пытаюсь воссоздать следующий «эффект» для своего портфолио, но некоторое время я не занимался веб-разработкой и не могу найти способ обойти это.Надеюсь, кто-то здесь может дать мне подсказку.

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

www.say.studio/ cedricklachot.ком www.durimel.io

(извините, я знаю, что это неправильный способ размещения ссылок, но я не знаю, как их размещать, он постоянно выдает мне сообщения об ошибках при вставке URL-адресов, и это сводит меня с ума!)

Когда вы переключаетесь с одной страницы на другую, создается впечатление, что все находится на одной странице, потому что она настолько плавная, а элементы навигации остаются на месте, как будто это всего лишь один HTML-файл для всего сайта, а остальная часть материалазагружается JavaScript, но, как я вижу из URL-адресов, есть разные страницы, поэтому он должен переключаться между различными HTML-файлами.Но это, так сказать, «плавное переключение» - это то, что я не могу найти способ для репликации.

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

Надеюсь, я хорошо объяснил себя, поскольку я не являюсь носителем английского языка :) спасибо

1 Ответ

0 голосов
/ 20 сентября 2019

Welsome to Stack Overflow.React Framework хорош для этого, страница обновляется с обновленными компонентами, когда пользователь изменяет ее.Вы также можете использовать php для этого, что, на мой взгляд, является более примитивной версией.

вот классное приложение.Я использую Wappalyzer для Firefox, он позволяет увидеть, какие технологии.страница использует, когда я проверяю вашу ссылку

ну, эта не работает https://www.say.studio/cedricklachot.com

эта https://www.durimel.io/nel

использует PHP на сервере apache.

Итак, просмотрите исходный код, и вам придется изучать PHP (или скопировать и отредактировать его)

сервер будет хитрым, если у вас нет опыта.Я бы порекомендовал использовать AWS EC2 и сделать сборку Ubuntu с Apache (или Nginx)

, дайте нам знать, когда он закончится:)

...