One page scroll technology is now widely used in cross-browser single-page applications (SPA).
I reviewed all the libraries posted on the CSSScript.com and list here the 7 best and most downloaded solutions for developers to quickly implement the one page scroll effect on the web & mobile app.
Originally Published Jan 2019, updated Apr 10, 2020
1. Cross-platform Smooth One Page Scrolling With Pure JavaScript – fullPageScrollPureJS
A pure JavaScript / CSS implementation of cross-platform smooth one page scrolling effect with no 3rd dependencies.
2. Basic One Page Scroll In Vanilla JavaScript – LeScroll
LeScroll.js Helps you create a responsive one page scrolling website with CSS transitions, written in vanilla JavaScript.
3. Fullscreen Vertical Page Scrolling Plugin With Zepto.js – slidePage
slidePage is a lightweight yet customizable Zepto plugin which enables you to scroll vertically and smoothly through a set of full-window page sections with mouse and keyboard interaction.
4. Vertical One Page Scroll Plugin With JavaScript – Cachu Slider
Cachu Slider is a robust JavaScript page slider plugin that helps you create a fully responsive one page scrolling website or single page webapp with ease.
5. Fullscreen Scrolling Presentation In JavaScript – Pageable
Pageable is a lightweight JavaScript library to generate a fullscreen scrolling presentation where the users are allowed to scroll through sectioned pages with drag, swipe, and mouse wheel events.
6. Side Navigation For One Page Scroll Website – dot-nav
The dot-nav JavaScript library automatically generates a vertical side navigation for one page scrolling website.
7. Create Touch-enabled Fullscreen Scrolling Webpage – one-page-scroll
A lightweight, mobile-compatible one page scroll plugin to scroll through pages via mouse wheel, keyboard arrows and touch events.