Прокрутить вниз изменить маршрут сайта

Question

Я сегодня просматривал кварц и заметил что-то интересное. При прокрутке вниз между одной статьей и следующей статьей маршрут веб-сайта изменяется по мере прокрутки. Какая технология/пакет javascript управляет этим?

Ex http://qz.com/305715/the-quartz-chart-of-the-year-short-list-is-here/

Answer 1

Они используют какой-то бесконечной прокрутки (много библиотек, просто Google это), и своего рода маршрутизации библиотеки/плагин (как Backbone.Router). Библиотека маршрутизации использует API истории в новых браузерах или хэш-фрагменты URL-адреса в более старых.

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

Answer 2

Мой друг спросил меня то же самое. Поэтому я сделал плагин для этого. Я думаю, это то, что вы хотите.

https://github.com/wataruoguchi/clever-infinite-scroll

Это процесс, как изменить URL, используя бесконечную прокрутку.

1. Просмотр события прокрутки. Когда прокрутка попадает в нижнюю часть страницы, Ajax вызывает следующий контент. Ссылка ссылается на следующее содержимое удаляется. Это довольно простой бесконечный свиток.
2. Когда загружается следующий контент, он реализует скрытые теги span, содержащие строку URL и строку заголовка страницы содержимого. Просмотр события прокрутки.
3. Когда содержимое отображается в соответствии с положением прокрутки, измените URL-адрес с помощью history.pushState(). URL и заголовок обе строки получены из скрытых элементов span.
4. В то же время он также изменяет заголовок страницы.