History

Infinite Ajax Scroll

Home Examples Pricing

Search…

Overview

Reference

Advanced

History

Updating url and title
When users are scrolling through pages we can update the browser url and page title. This allows the current page to be shared or bookmarked.
We can achieve this by listening for the page event. The page event contains the url and title of the current page in view.
The History API can be used to update the url.
1
ias.on('page', (event) => {
2
  // update the title
3
  document.title = event.title;
4
​
5
  // update the url
6
  let state = history.state;
7
  history.replaceState(state, event.title, event.url);
8
});
Copied!
​View this behaviour in a live demo​
Loading previous pages
This feature is still work in progress

Last modified 6d ago

Copy link

Contents

Updating url and title

Loading previous pages