Stacks Image 2949

Smooth Scrolling Stack


Description

Smooth Scrolling Stack will scroll you to a specific position on your page. Simply set up if it should scroll to the top, to the bottom or a custom position. Custom positions can for example be IDs of specific DOM elements.
Find out more about parameter
Find out more about custom targets

HUD

Stacks Image 1003
Stacks Image 3047
Stacks Image 3042
  • axis: Choose which axis should be used for scrolling (x and y, only x or only y)
  • scroll to: Start, 50% ,Max or a custom target (custom targets are IDs of DOM elements)
  • duration: time in ms which it will take to complete the scrolling process
  • easing function: You can choose an easing function which will be used to animate the scrolling. Find out more infos about easing functions here.
A custom target is a DOM element. The easiest way to identify such an element is by ID. For example you can create a HTML Stack and enter the following code:

<a id="my_custom_target">Jump to this position</a>

All you have to enter into the custom target field is #my_custom_target
Stacks Image 1018
Stacks Image 1022
Stacks Image 3051

Requirements


Stacks Image 3265

Compatibility

  • Safari: yes
  • Firefox: yes
  • Chrome: yes
  • Opera: yes
  • IE 7+: yes