Lightweight, Multi-Browser, Highly Customizable Scrolling With jQuery

scrollTo is a cross-browser and jQuery plugin that is highly customizable for horizontal/vertical page scroll scrolling that allows smooth scrolling to a specific position of a container or the entire document.

custom scrollbar jquery, jquery custom scrollbar demo, custom scrollbar jquery for all browsers, malihu jquery custom scrollbar plugin, jquery scrollbar, jquery scrollbar plugin

How to make use of it:

1. Install the scrollTo through package deal managers.

# NPM
$ npm install jquery.scrollto

# Bower
$ bower install jquery.scrollto

2. Or load the mandatory jQuery library and the jQuery scrollTo plugin from CDN.

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-scrollTo/2.1.3/jquery.scrollTo.min.js"></script>

3. The fundamental JavaScript syntax.

$(element).scrollTo(target,duration,options);

4. All default choices to customize the animated web page scrolling.

{

  // 'x', 'y', 'xy'
  axis: 'xy',

  // limits the scroll area
  limit: true,

  // If true, subtracts the margin and border of the target element.
  margin: false,

  // Can be a number or an object with left and top
  offset: false,

  // adds a % of the target dimensions
  over:  {left:0.5, top:0.5},

  // If true will scroll one axis and then the other.
  queue: false
  
}

5. Callback capabilities.

{

  // triggered when the animation ends
  onAfter: function(){},

  // triggered after the first axis scrolls when queueing
  onAfterFirst: function(){}

}

Simple Smooth X/Y Page Scroll Plugin, jQuery scrollTo Github, mcustomscrollbar scroll to bottom, custom scrollbar js