Automatically sends ajax requests as the user scrolls an element. Provides options to control where the response is injected into the DOM (usually above a footer).
Set it up just like you would any other pagination on the server. This example is totally simplified.
#HTML
<body>
<div id="navigation"> <!-- fallback navigation --> </div>
<?php include '_page.php'; ?>
<div id="footer">Blah blah blah</div>
</body>
You would do something on the server to deliver the next page.
#HTML
<div class="page">
<p>I am a page <?php echo $_GET['page']; ?></p>
</div>
#JS
var lazy = new LazyPagination(document,{
url: '_page.php',
method: 'get',
maxRequests: 20,
buffer: 1000,
navigation: 'navigation', // will destroy this if javascript is enabled
inject: {
element: 'footer',
where: 'before' // will inject pages above the footer
}
});
View the MooDoc for usage and examples.