Last page message

When your pages are finite, it is best practise to inform the user that the last page was hit.

First add an element to your document with the message you want to show.

<div class="no-more">No more pages</div>

Next add a bit of CSS to hide the element on default:

.no-more {
  opacity: 0;

Then listen for the last event and show to element.

let ias = new InfiniteAjaxScroll(/* config */);

ias.on('last', function() {
  let el = document.querySelector('.no-more'); = '1';

View this behaviour in a live demo

Last updated