10 Best Mobile-friendly One Page Scroll Plugins (2023 Update)
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 10 2023
Table of contents:
Best jQuery One Page Scroll Plugins
Apple iPhone Website Like One Page Scroll Plugin For jQuery
A fashion and fast jQuery plugin for creating responsive full-screen one page scroll effects with dots navigation, similar to the Apple iPhone 5S / 5C website.
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.
Native App Like Fullscreen Page Scrolling - jQuery FullView.Js
A simple to use jQuery plugin to implement a native mobile app like, mobile-friendly, fullscreen scrolling effect on one page scroll website or single page web application.
jQuery Plugin For Creating Responsive One Page Scrolling Web Layout - vPageScroll.js
An easy yet robust jQuery plugin to create a responsive grid layout for one page scrolling website. The plugin comes with a fully responsive side or top navigation bar which allows the visitor to smoothly scroll through different sections of your webpage. vPageScroll.js is provided under the terms of theGNU General Public License.
Smooth Fullscreen Page Slider Plugin with jQuery - Scroll Page
A small jQuery plugin which allows you to scroll through content panels of your web page via mouse wheel or next/prev controls. Perfect for responsive, fullscreen one page scrolling website.
Best Vanilla JavaScript One Page Scroll Plugins
Fullscreen Scrolling Presentation In JavaScript – Pageable
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.
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.
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.
Lightweight Full Page Scroll In Pure JavaScript – 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.
Smooth Fullscreen Page Slideshow With Vanilla JavaScript – FullScroll
A vanilla JavaScript library used to create a fullscreen vertical page slideshow / slider with smooth scrolling and keyboard navigation. Great for creating a fullpage presentation to showcase you works.
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:
- Best One Page Scroll JavaScript Libraries
- Best Parallax Scrolling Effect Plugins
- Best Smooth Scroll Plugins
- Best Scrollspy Plugins In JavaScript
- Best Infinite Scroll Plugins In JavaScript
- Best Scroll-triggered Animation Plugins With JavaScript