Back to index

Lab page

This is a lab page that I created as a test bench when working on version 1.2. It was first intended as a personal developing tool but I soon realised that it could be a useful page for others as well. Use it to explore the possibilities of Smooth Div Scroll. Not all options and methods are available via this lab page, but you get a pretty good idea of what you can do with this plugin. View the source - it's full of good stuff!

Displays when callbacks are triggered

Clear display Reset counter

Jump to element

first element | last element | element number (ordinal) | element id | start element

Scroll to element

first element | last element | element number (ordinal) | element id | start element

Auto scrolling

Start autoscroll | Stop autoscroll | Auto scrolling step | Auto scrolling interval

Set auto scrolling direction

endlessloopright | endlessloopleft | right | left | backandforth

Plugin state

Enabled | Hide | Restore original elements | Start at element id | Destroy (when you destroy the plugin you have to reload the page to get it back)

Hot spot scrolling

Enabled | Show hot spot backgrounds | Hide hot spot backgrounds

Easing after hot spot scrolling

Enabled | Easing distance after hot spot scrolling | Easing duration after hot spot scrolling

Mousewheel scrolling

Enabled | Mousewheel scroling step

Easing after mousewheel scrolling

Enabled | Distance is the same as the scrolling step | Easing duration after mousewheel scrolling

Ajax content

Add demo html content first | Add demo html content last | Replace content with demo html content
Add Flickr content first | Add Flickr content last | Replace content with Flickr content
Restore original elements

Back to index