JQuery scroll page top and bottom

0

This post is explaining how to scroll down to bottom or scroll up to top of the page or iframe using jquery.This is happening slowly animate to bottom and you can set time to scroll it.

html code like this.

JQuery script as follows.

You can set time as 2000, 5000, “slow”, “speed” .If you set time 2000, this must be mill-seconds.

If you want to scroll up the page to the top,use this code.Keep your html link at the bottom of the page.Unless if exist of the top how to scroll to again top.

How to create animated page scroll top and bottom?

This is same process.But here top and bottom button will display after scrolling specific height.This is the html code.

This is the Java Script code.

View Demo

Download JQuery animated scroll Example(32 KB)

Share.

About Author

Sumith Harshan is the Web Engineer Specializes in Java Script, JQuery, HTML4/5, CSS2/3, PHP, CodeIgniter, CakePHP, J2SE, J2EE, XML, Hacking & Security, Mobile Interface Developing, Magento, Wordpress, Joomla, Drupal,PHPBB,Facebook App Developing and Open cart...etc.