Animate scroll to ID on page load

by

You are only scrolling the height of your element. offset() returns the coordinates of an element relative to the document, and top param will give you the element’s distance in pixels along the y-axis:

$("html, body").animate({ scrollTop: $('#title1').offset().top }, 1000);

And you can also add a delay to it:

$("html, body").delay(2000).animate({scrollTop: $('#title1').offset().top }, 2000);

More Related Contents:

  1. Show Div when scroll position
  2. How to programmatically disable page scrolling with jQuery
  3. How can I scroll to a specific location on the page using jquery?
  4. Rotating a Div Element in jQuery
  5. CSS rotation cross browser with jquery.animate()
  6. How to detect scroll direction
  7. Can I change the scroll speed using css or jQuery?
  8. jQuery animate background position
  9. jQuery scroll to ID from different page
  10. Activate CSS3 animation when the content scrolls into view
  11. How to make a jquery infinite animation?
  12. Scroll smoothly to specific element on page
  13. Detect middle button click (scroll button) with jQuery
  14. jQuery disable scroll when mouse over an absolute div
  15. How do I get the height of a div’s full content with jQuery?
  16. JQuery synchronous animation
  17. How can I execute multiple, simultaneous jquery effects?
  18. jquery – keep window from changing scroll position while prepending items to a list?
  19. jquery animate background-position firefox
  20. Disable scrolling when changing focus form elements ipad web app
  21. jQuery $.animate() multiple elements but only fire callback once
  22. JQuery Animate Background Image on Y-axis
  23. How do you fadeIn and animate at the same time?
  24. jQuery animate scroll
  25. jQuery delay() – how to stop it?
  26. scroll up and down a div on button click using jquery
  27. Use jQuery to check mousewheel event without scrollbar
  28. jquery.animate background-position doesn’t work
  29. Detect user scroll down or scroll up in jQuery [duplicate]
  30. Jquery .on(‘scroll’) not firing the event while scrolling

Leave a Comment