Гиперссылки перемещают новые страницы, а не открывают их - PullRequest
Новая
       32

Гиперссылки перемещают новые страницы, а не открывают их

0 голосов
/ 02 июля 2018

Мой менеджер попросил меня попробовать воспроизвести скользящую функцию здесь на этом сайте:

https://insight.bakermckenzie.com/blockchains-and-laws

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

Я копался в исходном коде и использовал инструменты разработчика, но не могу выяснить, как именно сайт справляется с этим. Есть идеи? Кажется, это может быть JavaScript, но я не слишком уверен.

1 Ответ

0 голосов
/ 02 июля 2018

Я не смог найти библиотеку, которую использует сайт, но я постараюсь объяснить это. Когда вы запрашиваете «новую страницу», нажимая на стрелки или меню, весь контент загружается асинхронно. Если вы обратите внимание на div .page-container, то увидите, что при «изменении» страницы div с содержимым, которое вы видите в данный момент, перемещается в сторону, а затем полностью удаляется со страницы.

Шаг за шагом:

  1. Запросить страницу
  2. Новый контент загружается в div, который еще не виден.
  3. Страница, на которой вы сейчас находитесь, перемещается в сторону, а затем ее содержимое удаляется, когда оно полностью скрыто от просмотра (весь html удаляется).
  4. Запрошенная «новая страница» следует за движением «старой» страницы.

Это похоже на карусель, но новый контент загружается асинхронно, а старый удаляется.

Ответственный за содержание

...