Stacks Image 922

Smooth Scrolling Stack


Example I: Scroll to the bottom with out-bounce-easing
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
This is a DIV with a unique id which can be used to jump to
I simply added this line of HTML code:
<div id="my_target">This is a DIV with a unique id which can be used to jump to</div>
Example I: Scroll to the top with In-Out-Quart-easing
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Example I: Scroll to my special target with an ID and swing-easing
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

Compatibility

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

Requirements


Stacks Image 3259