Overflow

Infinite Ajax Scroll

Home Examples Pricing

Search…

Overview

Reference

Advanced

It is possible to have infinite scrolling pages inside an overflow element.
First define a container element.
<div id="scroller">
    <div class="item">Item 1</div>
    <div class="item">Item 2</div>
    <!-- more items -->
</div>
Then configure the overflow using css. Don't forget to give the element a fixed height.
#scroller {
  overflow: scroll;
  height: 200px;
}
Then configure the element as scroll container.
let ias = new InfiniteAjaxScroll('#scroller', {
  scrollContainer: '#scroller'
});
​View this behaviour in a live demo​

Advanced - Previous

History

Last modified 9mo ago

Copy link