Skip to content

Latest commit

 

History

History
31 lines (21 loc) · 676 Bytes

last-page-message.md

File metadata and controls

31 lines (21 loc) · 676 Bytes

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');

  el.style.opacity = '1';
})

View this behaviour in a live demo