jQuery Plugin For Smooth Vertical Page Scrolling - PageScroll

File Size: 42.1 KB
Views Total: 2772
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
jQuery Plugin For Smooth Vertical Page Scrolling - PageScroll

PageScroll is a jQuery plugin designed for one page scroll website that allows to smoothly scroll to second screen as you scroll down the web page. Great for your single page website / web application which has a 'hero' header section.

How to use it:

1. Add jQuery library and the jQuery PageScroll plugin to your web page.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="js/jqueryPageScroll.js"></script>

2. To initialize the plugin just insert $.PageScroll.init(); in your $(document).ready();.


3. Available options to customize the smooth page scrolling effect.

  easing: 'swing',
  easingLinear: 'swing',
  speed: 600,
  speedLinear: 800,
  timeout: 300,
  timeoutLong: 500,
  enableScrollClass: 'enable-scroll',
  inside: 'inside',
  outside: 'outside'

4. The methods.

// active smooth scroll

// disable smooth scroll

// enable page scroll

// disable page scroll

Change log:


This awesome jQuery plugin is developed by mmarkowskicom. For more Advanced Usages, please check the demo page or visit the official website.