This time I will share jQuery Plugin and tutorial about Infinitely Looping Web Content With jQuery – Lemniscate.js, hope it will help you in programming stack.
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:
2 |
npm install Infinite.js |
5 |
bower install Infinite.js |
2. Or directly include the JavaScript file infinite.js
after jQuery library as this:
1 |
< script src = "//code.jquery.com/jquery-3.1.1.min.js" ></ script > |
2 |
< script src = "dist/infinite.js" ></ script > |
3. Add the CSS class ‘js-infinite-loop’ to the container element you want to loop through.
1 |
< div class = "js-infinite-loop" > |
4. Initialize the plugin and we’re done.
5. Initialize the plugin and we’re done.
This awesome jQuery plugin is developed by Slgoetz. For more Advanced Usages, please check the demo page or visit the official website.