Touch-enabled Fullpage Scroller In jQuery – pageScroller.js

Touch-enabled Fullpage Scroller In jQuery - pageScroller
File Size: 7.23 KB
Views Total: 1573 views
Last Update:March 31, 2021
Publish Date: May 12, 2017
Official Website: Go to website
License: MIT
Plugin Author: Zenoo
Demo    Download

pageScroller.js is a full page scroll jQuery plugin that convert your normal page with sections (100% viewport height) into a vertical full screen page slider (also known as one page scroll). Users can page scroll up and down sections in sequence with mouse scroll or touch swipe events. multi sections or pages display one time at once.

How to use :

Add script as required jQeury library and jQuery touchSwipe plugin (for touch support) in the page.

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/cdn/jquery.touchSwipe.min.js"></script>

Add page sections to your HTML page.

<div id="container">
  <section class="page1">
    Section 1
  <section class="page2">
    Section 2
  <section class="page3">
    Section 3
  <section class="page4">
    Section 4
  <section class="page5">
    Section 5

Make those page sections fullscreen.

section { 
  height: 100vh; 

Call the function pageScroller on the top container and done.

    onTrigger : function(e) {
    onEnd : function(e) {


Thanks for make jQuery plugin is developed by Zenoo For more Helpfull for users, please check the demo page or visit the official website.
List Of Version :
  • v1.1.1


Mady Schaferhoff is an expert jQuery script at jQuerypost. He offers web development services to clients globally. He also loves sharing Html,CSS, jQuery knowledge through blog posts like this one.

Related jQuery Plugins

You Might Also Like