jQuery .scrollTop(); + animation

by

To do this, you can set a callback function for the animate command which will execute after the scroll animation has finished.

For example:

var body = $("html, body");
body.stop().animate({scrollTop:0}, 500, 'swing', function() { 
   alert("Finished animating");
});

Where that alert code is, you can execute more javascript to add in further animation.

Also, the ‘swing’ is there to set the easing. Check out http://api.jquery.com/animate/ for more info.

More Related Contents:

  1. Animate scrollTop not working in firefox
  2. Rotating a Div Element in jQuery
  3. CSS rotation cross browser with jquery.animate()
  4. jQuery animate background position
  5. Animate background image change with jQuery
  6. How to make a jquery infinite animation?
  7. Correct way to animate box-shadow with jQuery
  8. Animate scroll to ID on page load
  9. Show Div when scroll position
  10. JQuery synchronous animation
  11. How can I execute multiple, simultaneous jquery effects?
  12. jquery animate background-position firefox
  13. jQuery $.animate() multiple elements but only fire callback once
  14. JQuery Animate Background Image on Y-axis
  15. How do you fadeIn and animate at the same time?
  16. How do I get the offset().top value of an element without using jQuery?
  17. How do you animate the value for a jQuery UI progressbar?
  18. jQuery delay() – how to stop it?
  19. Does jQuery have a plugin to display a “message bar” like the Twitter “wrong password” bar at the top of screen?
  20. jquery.animate background-position doesn’t work
  21. jQuery validate: How to add a rule for regular expression validation?
  22. How to bind ‘touchstart’ and ‘click’ events but not respond to both?
  23. How do I catch an Ajax query post error?
  24. jQuery Validation Plugin – adding rules that apply to multiple fields
  25. jquery get HTML 5 Data Attributes with hyphens and Case Sensitivity
  26. jQuery Plugin: Adding Callback functionality
  27. Dynamic Facebook Open Graph tags possible?
  28. How can I find the closest previous sibling with class using jQuery?
  29. How to use Plugins for PopUp [closed]
  30. Remove elements onclick (including the remove button itself) with jQuery

Leave a Comment