Fx.GridScroll

After a request for help about Fx.Scroll and how to use it to scroll an element horizontally then vertically instead of taking the direct route which mootools Fx.Scroll does I wrote an extension which targets a set of anchor links passed in, can be used without this function, mainly it is a rewite of mootools Fx.Scroll method with some extras added.

Please post all problems and also any suggestions, improvents and bugs here at http://www.mooforum.net/scripts12/gridscroll-t779.html

Features:

• Scroll a table or grid of divs in three ways:
  • Diagonally
  • Horizontally
  • Vertically

Requirements:

• to use Fx.GridScroll you will need mootools v1.2.1 core  which can be got here.
• and at least Element.Dimensions.Extras which is included in the download.
• the ability to apply the code to your XHTML page. (I will help by giving you an example here).
• has been tested on and works in:
  
  • Firefox 3
  • Internet Explorer 6 & 7
  • Safari 3

Changes:

• version 1.1
  
  • combined class with Fx.Scroll class or as to work indepentently from Fx.Scroll.
• version 1.0
  • 1st release

Download:

The lasetest version of Fx.GridScroll is v1.1 and you can download form here.
The download files include:

• demo
• JavaScript files

Demo:

Here are some examples of Fx.GridScroll in action:

1. Fx.GridScroll using Default Options: Watch
2. FxGridScroll scrolling browser window: Watch

Example Usage:

What to include

Fx.GridScroll is easy to use, you just include mootools 1.2, then the Fx.GridScroll js in the head section of your XHTML page like: