How to go to a specific element on page? [duplicate]

by

If the element is currently not visible on the page, you can use the native scrollIntoView() method.

$('#div_' + element_id)[0].scrollIntoView( true );

Where true means align to the top of the page, and false is align to bottom.

Otherwise, there’s a scrollTo() plugin for jQuery you can use.

Or maybe just get the top position()(docs) of the element, and set the scrollTop()(docs) to that position:

var top = $('#div_' + element_id).position().top;
$(window).scrollTop( top );

More Related Contents:

  1. Date Format UTC in javascript [duplicate]
  2. javascript change element from another page
  3. How do I access the link to the content? [closed]
  4. This doesn’t seem right? Javascript isn’t working
  5. Pure JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
  6. Detect all changes to a (immediately) using JQuery
  7. Refresh/reload the content in Div using jquery/ajax
  8. Trigger event when user scroll to specific element – with jQuery
  9. Using HTML5 file uploads with AJAX and jQuery
  10. Keep overflow div scrolled to bottom unless user scrolls up
  11. Trigger Change event when the Input value changed programmatically?
  12. Why are duplicate ID values not allowed in HTML?
  13. ReferenceError: $ is not defined
  14. jQuery Text to Link Script? [duplicate]
  15. How to do a horizontal scroll on mouse wheel scroll?
  16. Dashed border animation in css3 animation
  17. jQuery – Redirect with post data
  18. Clearing my form inputs after submission
  19. Click on option event
  20. Is there any problem with using HTML5’s “data-*” attributes for older browsers?
  21. How to replace html element with ajax response?
  22. Trigger standard HTML5 validation (form) without using submit button?
  23. Fade background image in and out with jQuery?
  24. Trying to load local JSON file to show data in a html page using JQuery
  25. How to do something before on submit?
  26. Disable zoom on input focus in Android webpage
  27. Convert dropdown to selection boxes with color and trigger drop down action
  28. Include html in another html file [duplicate]
  29. How to get an element by its href in jquery?
  30. Keep tabbing within modal pane only

Leave a Comment