One page scroll technology is now widely used in cross-browser single-page applications (SPA).
I reviewed all the libraries posted on 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 Mar 15, 2022
1. iPhone 5S Website-Like One Page Scrolling Effect with Javascript and CSS3
An awesome Javascript component made by peachananr that helps you create a fullscreen vertical one page scrolling effect as you see in Apple’s iPhone 5S webpage. You can scroll through a set of sections with auto snapping by mouse wheel, keyboard or by clicking the side navigation.
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. 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.
4. 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.
5. One Page Scroll Effect In Vanilla JavaScript – docSlider.js
A lightweight vertical/horizontal one page scroll (page slider) JavaScript library that supports side navigation, keyboard interactions, scrollable elements, and anchor links.
6. 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.
7. Easy One Page Scroll Navigation Library – slide-nav
A lightweight, easy-to-use JavaScript plugin used to create a sticky navigation for your one page scrolling webpages. Scrollspy and smooth scrolling are supported as well.
More Resources:
Looking for more JavaScript solutions to create countdown timers on modern web applications? Here are some resources you might find useful: