Infinitely Looping Web Content With jQuery - Lemniscate.js

File Size: 9.04 KB
Views Total: 3170
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Infinitely Looping Web Content With jQuery - Lemniscate.js

Lemniscate.js is a jQuery infinite scroll plugin for creating infinite-looping web content that automatically scrolls to the top when you reach the bottom of the page.

How to use it:

1. Install the Lemniscate.js via NPM or Bower and then import it into your web project:

# NPM
npm install Infinite.js

# Bower
bower install Infinite.js

2. Or directly include the JavaScript file infinite.js after jQuery library as this:

<script src="//code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="dist/infinite.js"></script>

3. Add the CSS class 'js-infinite-loop' to the container element you want to loop through.

<div class="js-infinite-loop">
  ..
</div>

4. Initialize the plugin and we're done.

$('body').infinite();

5. Initialize the plugin and we're done.

$('body').infinite();

This awesome jQuery plugin is developed by Slgoetz. For more Advanced Usages, please check the demo page or visit the official website.