Flexible and Easy To Scroll by Section Plugin | jQuery SectionScroll

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


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


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.

Related Posts


Interactive Data Table Generator with JS/jQuery and JSON | Tabulator

Tabulator allows you to create interactive tables in seconds from any HTML Table, JavaScript array, AJAX data source, or JSON format data. Just include the library in your…


Simple Alert, Confirm, Prompt Popup Using Vanilla JavaScript Library | attention.js

JavaScript provides various built-in functionality to display popup messages for different purposes. Attention JS is a vanillaJS plugin used to create a custom alert, confirm, or Prompt…


Bootstrap 4 Sidebar Menu Responsive Template | MDB

Bootstrap Side Navbar – Responsive sidebar template based on the Bootstrap 4 framework. An easy-to-use, totally responsive, Google Material Design impressed aspect navigation for modern web app…


Lightweight Bootstrap 4 Toast Notification Plugin | BS4 Advanced Toast

A lightweight Bootstrap 4 Toast Notification plugin integrated with JS/jQuery. bs4-toast.js is a JavaScript library that enhances the native Bootstrap toast component with icons, buttons, callbacks, and…


How to Create Audio Visualizations with JavaScript | Wave.js

Audio Visualizer Library – wave.js is a vanilla javascript audio visualization library that provides 20+ creative audio visualization effects to bring more engagement to your visitor. Contribute…


Bootstrap 5 Treeview Dynamically Collapsible | bs5treeview

Bootstrap 5 Tree View is a very simple plug-in for creating a basic and elegant Treeview using BS5. For use with Bootstrap 5, the attributes have been…

Leave a Reply

Your email address will not be published. Required fields are marked *