10 Best Mobile-friendly One Page Scroll Plugins (2022 Update)

by jQueryScript,

What Is One Page Scroll?

One Page Scroll is a web technology that brings the native mobile app scroll experience to the web.

With One Page Scroll, your visitors are able to smoothly scroll through page sections (with full width & height) just like on the mobile devices.

The Best One Page Scroll Plugin

In this post, we list here the 10 best touch-enabled one page scroll jQuery & Vanilla JavaScript plugins that work perfectly on both desktop and mobile. Enjoy.

Originally Published Feb 14 2019, updated Jan 31 2022

Table of contents:

Best jQuery One Page Scroll Plugins

Create Fullscreen One Page Scrolling Websites With fullPage.js

fullPage.js is yet another jQuery plugin for one page website that allows you to create vertical or horizontal scrolling web page with smooth animations and easing options.

Create Fullscreen One Page Scrolling Websites With fullPage.js

[Demo] [Download]


Auto Snap To Next Section On Scroll - SnapScroll

A jQuery plugin for one page scrolling website that has the ability to automatically scroll to next page section when you scroll up/down the webpage using mousewheel.

Auto Snap To Next Section On Scroll - SnapScroll

[Demo] [Download]


Horizontal & Vertical One Page Scroll Plugin - jQuery fsscroll

A lightweight (<4kb minified), fast jQuery one page scroll plugin to help you create a responsive fullscreen page slider/carousel that supports both horizontal and vertical directions.

Horizontal & Vertical One Page Scroll Plugin - jQuery fsscroll

[Demo] [Download]


JavaScript Plugin For Smooth Scroll Snapping - panelSnap

A JavaScript plugin (jQuery is optional) that allows to snap to blocks of content when you scroll through a web page or parts of it.

JavaScript Plugin For Smooth Scroll Snapping - panelSnap

[Demo] [Download]


jQuery Plugin For Beautiful Full Window Scrolling Website - pagePiling.js

Yet another jQuery one page scrolling plugin that allows you to vertically and smoothly slide the web page to the desired anchor point.

jQuery Plugin For Beautiful Full Window Scrolling Website - pagePiling.js

[Demo] [Download]


Best Vanilla JavaScript One Page Scroll Plugins

onepagescroll.js

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.

onepagescroll.js

Demo Download


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.

Side Navigation For One Page Scroll Website - dot-nav

Demo Download


fullPageScrollPureJS

A pure JavaScript / CSS implementation of cross-platform smooth one page scrolling effect with no 3rd dependencies.

fullPageScrollPureJS

[Demo] [Download]


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.

Easy One Page Scroll Navigation Library – slide-nav

Demo Download


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.

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

Demo Download


More Resources:

Seeking more jQuery plugins or JavaScript libraries to create awesome one page scrolling effects on the web & mobile? See jQuery One Page Scroll and JavaScript One Page Scroll sections for more details.

See Also: