7 Best One Page Scroll JavaScript Libraries (2020)

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

fullPageScrollPureJS

Demo Download

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

Demo Download

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

Demo Download

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

Vertical One Page Scroll Plugin With JavaScript - Cachu Slider-min

Demo Download

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

fullscreen-scrolling-presentation-pageable-min

Demo Download

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

Side Navigation For One Page Scroll Website - dot-nav

Demo Download

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

Create Touch-enabled Fullscreen Scrolling Webpage - one-page-scroll

Demo Download

A lightweight, mobile-compatible one page scroll plugin to scroll through pages via mouse wheel, keyboard arrows and touch events.


You Might Be Interested In: