Как загрузить разные страницы, как на Reuters.com?
Если вы читаете статья на Reuters.com и прокрутите вниз до нижней части страницы, появится другая статья, и URL-адрес изменится. Если вы прокрутите назад, вы увидите предыдущую страницу с предыдущим URL.
У меня есть только три php-страницы, которые я хотел бы загрузить одну за другой, поскольку одна прокручивает страницу вниз. Есть ли чистый способ сделать это?
Что-то вроде:
Страница 1:
<code of Page1>
<append Page2 code>
Страница 2:
<code of Page2>
<append Page3 code>
Бесконечные библиотеки прокрутки, такие как jquery-ias, похоже, не поддерживают такое поведение, или, по крайней мере, я не понимаю, как это сделать.
Решение
История веб-API в бесконечном интерфейсе прокрутки.
Другие решения
это Можно достигается с помощью бесконечного Ajax Scroll с расширение истории.
В вашем случае вам понадобится ссылка на следующую статью внизу статьи. Используйте эту ссылку в конфигурации IAS. Затем при прокрутке вниз IAS загрузит следующую страницу и обновит URL.
См демонстрация.
Это сработало для меня:
- Добавьте div заполнителя в конце страницы:
<div id="2nd"></div> <div id="3rd"></div>
-
Этот скрипт jquery:
$("#2nd").load("all.php"); $("#3rd").load("target.php");