10 Best Mobile-friendly One Page Scroll Plugins (2021 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 Feb 12 2021

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]


jQuery Plugin For One Page Navigation Plugin - Page Scroll To ID

A jQuery plugin to create anchor links which allow you to vertically and horizontally scroll to corresponding sections of your page with custom animations and easing effects.

jQuery Plugin For One Page Navigation Plugin - Page Scroll To ID

[Demo] [Download]


Easy jQuery Plugin For Vertical Scroll Snapping - Scrollify

A jQuery plugin that enhances your one page scrolling website experience by providing snapping behavior as you scroll down the page.

Easy jQuery Plugin For Vertical Scroll Snapping - Scrollify

[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]


Best Vanilla JavaScript One Page Scroll Plugins

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


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.

fullPage.js

Demo Download


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


More Resources:

Want more jQuery plugins or JavaScript libraries to create awesome one page scrolling effects on the web & mobile? Check out the jQuery One Page Scroll and JavaScript One Page Scroll sections.

See Also: