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!
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!
Last modified 7mo ago
Copy link