onClick go to the bottom of page using jQuery .animate

demo http://jsfiddle.net/h4ZQR/ or http://jsfiddle.net/byRRY/

Good API: http://api.jquery.com/scrollTop/

Please note: you can use: .animate({scrollTop: $("#whateverdiv").offset().top}); to go to certain sections of page.

Hope this helps

html

<a href="#bottom" id="hulk">Click me to go to bottom</a>

code

$("#hulk").click(function() {
  $("html, body").animate({ scrollTop: $(document).height() }, "slow");

});

$("a[href='#bottom']").click(function() {
  $("html, body").animate({ scrollTop: $(document).height() }, "slow");
  return false;
});

Related