LazyPagination 1.2

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).



Details

Author
Ryan Florence
Current version
1.2
GitHub
rpflorence/LazyPagination
Downloads
2180
Category
Interface
Tags
Report
GitHub Issues

Releases


Dependencies

  • core/1.2.4: Request.HTML

How to use

Set it up just like you would any other pagination on the server. This example is totally simplified.

HTML/PHP Front-page

<body>
  <div id="navigation"> <!-- fallback navigation --> </div>

    <?php include '_page.php'; ?>

    <div id="footer">Blah blah blah</div>
</body>

HTML/PHP Requested partial

You would do something on the server to deliver the next page.

<div class="page">
    <p>I am a page <?php echo $_GET['page']; ?></p>
</div>

JavaScript

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.


Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.

blog comments powered by Disqus