Easy Cross-platform One Page Scroll Plugin - jQuery SectionScroll

File Size: 4.25 KB
Views Total: 1349
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Easy Cross-platform One Page Scroll Plugin - jQuery SectionScroll

SectionScroll is an easy-to-use jQuery one page scroll plugin that allows users to navigate through your page with sections using either keyboard, mouse wheel, or touch swipe.

See Also:

How to use it:

1. Download the plugin and load the SectionScroll.js script after jQuery.

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/SectionScroll.js"></script>

2. Add sections to your page.

<article>
  <section></section>
  <section></section>
  <section></section>
  <section></section>
  <section></section>
</article>

3. Initialize the plugin, set the parent & child elements and determine the animation speed (default: 500ms)

$(document).ready(() => {
  SectionScroll("article", "section", 300);
});

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