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 5 best and most downloaded solutions for developers to quickly implement the one page scroll effect on the web & mobile app.
1. fullPage.js
Just another JavaScript plugin that implements the touch-enabled fullscreen one page scroll effect for your single page web application using pure JavaScript.
2. Pure CSS One Page Scroll Effect
A pure HTML/CSS solution to create a smooth, fullscreen one page scroll effect for your single page web application. Based on CSS3 and radio & label hacks. Allows the user to navigate between pages with side navigation and/or arrow keys.
3. onepagescroll.js
onepagescroll.js is a lightweight JavaScript library that makes it easier to create a smooth scrolling effect with a side page navigation for your one-page website / single page application. Keyboard navigation and touch events supported.
4. slide-nav
onepagescroll.js is a lightweight JavaScript library that makes it easier to create a smooth scrolling effect with a side page navigation for your one-page website / single page application. Keyboard navigation and touch events supported.
5. Smooth One Page Scrolling With Pure JavaScript
A pure JavaScript / CSS implementation of cross-platform smooth one page scrolling effect with no 3rd dependencies.