Last page message

Infinite Ajax Scroll

Home Examples Pricing

Search…

Overview

Reference

Advanced

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.
1
<div class="no-more">No more pages</div>
Copied!
Next add a bit of CSS to hide the element on default:
1
.no-more {
2
  opacity: 0;
3
}
Copied!
Then listen for the last event and show to element.
1
let ias = new InfiniteAjaxScroll(/* config */);
2
​
3
ias.on('last', function() {
4
  let el = document.querySelector('.no-more');
5
​
6
  el.style.opacity = '1';
7
})
Copied!
​View this behaviour in a live demo​

Last modified 6d ago

Copy link