In addition to the classic pagination with a toolbar & prev/next buttons, you can also use
"live"
pagination - pages are loaded as you scroll. Use
livePagination=true
, and you can use it together with
limit
to control the page size. Have a look at the source code of the next example below.
If scrollThreshold
is specified, the next page will be loaded when the user reaches the scroll max height minus scrollThreshold
of the page - if the threshold is specified as a string, in pixels (for example, scrollThreshold="150px"
). If scrollThreshold
is a number or it is a percentage (for example, scrollThreshold="60%"
or scrollThreshold=0.6
), the next page will be loaded when the user reaches the specified percentage of the scroll max height.