jQuery Scroll to Div

by

It is often required to move both body and html objects together.

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

ShiftyThomas is right:

$("#divToBeScrolledTo").offset().top + 10 // +10 (pixels) reduces the margin.

So to increase the margin use:

$("#divToBeScrolledTo").offset().top - 10 // -10 (pixels) would increase the margin between the top of your window and your element.

More Related Contents:

  1. How to change the element of another div by clicking and hovering on an element of a different div
  2. Hide/Show div on specific page with jquery
  3. HTML nchor Tag doesn’t show link
  4. how to force list items to go to differents rows?
  5. Use jQuery to hide a DIV when the user clicks outside of it
  6. Clear form fields with jQuery
  7. How to detect if two divs touch with jquery?
  8. Scroll to bottom of Div on page load (jQuery)
  9. jQuery find closest previous sibling with class
  10. How to detect input type=file “change” for the same file?
  11. How to get only direct text without tags with jQuery in HTML
  12. jQuery select change show/hide div event
  13. How to use jQuery to add form elements dynamically
  14. Get the value of -webkit-transform of an element with jquery
  15. Auto-click button element on page load using jQuery
  16. jQuery get selected option value (not the text, but the attribute ‘value’)
  17. jQuery checkbox event handling
  18. Draggable div without jQuery UI
  19. How to force an HTML form to validate without submitting it via jQuery
  20. Trying to make multiple background images cycle through a slideshow with CSS and JQUERY
  21. Jquery Multiple load in a DIV
  22. submit disabled fields
  23. What’s faster for including scripts, using CDN (Google) or storing them locally in website’s root?
  24. JQuery search in static HTML page with highlighting of found word
  25. Disable select options based on value *through the HTML only!*
  26. Selectable optgroup using select2
  27. Html5 drag and drop on svg element
  28. Possible to have a floating horizontal scrollbar?
  29. change the href of a css link via jquery
  30. Can jQuery selectors be used with DOM mutation observers?

Leave a Comment