Smooth scroll to div id jQuery

by

You need to animate the html, body

DEMO http://jsfiddle.net/kevinPHPkevin/8tLdq/1/

$("#button").click(function() {
    $('html, body').animate({
        scrollTop: $("#myDiv").offset().top
    }, 2000);
});

More Related Contents:

  1. Scroll Function working in reverse order [closed]
  2. How to check if element is visible after scrolling?
  3. How to disable scrolling temporarily?
  4. Check if a user has scrolled to the bottom (not just the window, but any element) [duplicate]
  5. Scroll Automatically to the Bottom of the Page
  6. How to scroll an HTML page to a given anchor
  7. How can I make a div stick to the top of the screen once it’s been scrolled to?
  8. jQuery load more data on scroll
  9. Event when user stops scrolling
  10. Prevent BODY from scrolling when a modal is opened
  11. Scroll to an element with jQuery
  12. jQuery scroll() detect when user stops scrolling
  13. Trigger event when user scroll to specific element – with jQuery
  14. How to scroll to specific item using jQuery?
  15. prevent Scroll bubbling from element to window
  16. Make scrollbar visible in mobile browsers
  17. How to scroll the window using JQuery $.scrollTo() function
  18. Fade In on Scroll Down, Fade Out on Scroll Up – based on element position in window
  19. Stop fixed position at footer
  20. javascript: detect scroll end
  21. How can I differentiate a manual scroll (via mousewheel/scrollbar) from a Javascript/jQuery scroll?
  22. jQuery jump or scroll to certain position, div or target on the page from button onclick [duplicate]
  23. Detect if a page has a vertical scrollbar?
  24. Reverse Scrolling
  25. prevent touchstart when swiping
  26. jQuery load content when scroll to bottom-100px of page, multiple events fired
  27. Disabling middle click scrolling with javascript
  28. jQuery – bind event on Scroll Stop
  29. Load ajax when scroll reaches 80%
  30. Automatically scroll down chat div

Leave a Comment