How to scroll to specific item using jQuery?

by

Dead simple. No plugins needed.

var $container = $('div'),
    $scrollTo = $('#row_8');

$container.scrollTop(
    $scrollTo.offset().top - $container.offset().top + $container.scrollTop()
);

// Or you can animate the scrolling:
$container.animate({
    scrollTop: $scrollTo.offset().top - $container.offset().top + $container.scrollTop()
});​

Here is a working example.

Documentation for scrollTop.

More Related Contents:

  1. Scroll Function working in reverse order [closed]
  2. How to disable scrolling temporarily?
  3. Smooth scrolling when clicking an anchor link
  4. Scroll Automatically to the Bottom of the Page
  5. How to scroll an HTML page to a given anchor
  6. Prevent scrolling of parent element when inner element scroll position reaches top/bottom?
  7. Prevent BODY from scrolling when a modal is opened
  8. Smooth scroll to div id jQuery
  9. How to scroll to top of page with JavaScript/jQuery?
  10. How to detect scroll position of page using jQuery
  11. event.wheelDelta returns undefined
  12. Scroll smoothly to specific element on page
  13. prevent Scroll bubbling from element to window
  14. How to do a horizontal scroll on mouse wheel scroll?
  15. How to load images dynamically (or lazily) when users scrolls them into view
  16. Fade In on Scroll Down, Fade Out on Scroll Up – based on element position in window
  17. Stop fixed position at footer
  18. javascript: detect scroll end
  19. How can I differentiate a manual scroll (via mousewheel/scrollbar) from a Javascript/jQuery scroll?
  20. Synchronized scrolling using jQuery?
  21. jQuery jump or scroll to certain position, div or target on the page from button onclick [duplicate]
  22. jQuery live scroll event on mobile (work around)
  23. prevent touchstart when swiping
  24. Javascript: do an action after user is done scrolling
  25. How to determine scroll direction without actually scrolling
  26. ScrollTo function in AngularJS
  27. jQuery – bind event on Scroll Stop
  28. Choppy/Laggy scroll event on Chrome and IE
  29. Load ajax when scroll reaches 80%
  30. Automatically scroll down chat div

Leave a Comment