ScrollSection.js is a very simple plugin that allows you to scroll by sections. The main difference between this plugin compared to other plugins for scrolling by section is that it does not handle anything but scrolling and supports any element height.

one page scroll animation css, one page scroll jsfiddle, one page scroll example, one page scroll jquery jsfiddle, one page scroll navigation, one page scroll website

Features

• Any number of containers.
• Any number of subsections.
• Infinite scrolling – if there are offsets placed above the first container and below the last container, or if your browser supports scrolling up and down the contents of a web page.
• Mobile touch
• Scroll keystrokes – up, down, left, right (vertical movement only)

How to make use of 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. Configure the plugin, set the main and child elements, determine the speed of movement.

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

Easy Cross-platform One Page Scroll Plugin, SectionScroll.js Github, jquery one page scroll animation

See Demo And Download

Official Website(SmellyFatDuck): Click Here

This superior jQuery/javascript plugin is developed by SmellyFatDuck. For extra Advanced Usage, please go to the official website.