How do I get the height of a div’s full content with jQuery?

by

scrollHeight is a property of a DOM object, not a function:

Height of the scroll view of an element; it includes the element padding but not its margin.

Given this:

<div id="x" style="height: 100px; overflow: hidden;">
    <div style="height: 200px;">
        pancakes
    </div>
</div>

This yields 200:

$('#x')[0].scrollHeight

For example: http://jsfiddle.net/ambiguous/u69kQ/2/ (run with the JavaScript console open).

More Related Contents:

  1. jQuery get the rendered height of an element?
  2. How to programmatically disable page scrolling with jQuery
  3. Scroll to a div using jQuery
  4. How can I scroll to a specific location on the page using jquery?
  5. jQuery Scroll to bottom of page/iframe
  6. How to detect scroll direction
  7. Can I change the scroll speed using css or jQuery?
  8. jQuery scroll to ID from different page
  9. Activate CSS3 animation when the content scrolls into view
  10. Detect middle button click (scroll button) with jQuery
  11. Animate scroll to ID on page load
  12. Get height of div with no height set in css
  13. Show Div when scroll position
  14. Setting equal heights for div’s with jQuery
  15. How do I scroll a row of a table into view (element.scrollintoView) using jQuery?
  16. jQuery disable scroll when mouse over an absolute div
  17. Differentiate between scroll up/down in jquery? [duplicate]
  18. jquery – keep window from changing scroll position while prepending items to a list?
  19. How to change height div on window resize?
  20. Disable scrolling when changing focus form elements ipad web app
  21. jquery get height of iframe content when loaded
  22. jQuery trigger when 2/3s of div are in viewport
  23. How do I get the real .height() of a overflow: hidden or overflow: scroll div?
  24. How to detect horizontal scrolling in jQuery?
  25. jQuery animate scroll
  26. jQuery web page height
  27. Mobile Safari $(window).height() URL bar discrepancy
  28. jQuery: detecting reaching bottom of scroll doesn’t work, only detects the top
  29. Detect user scroll down or scroll up in jQuery [duplicate]
  30. Jquery .on(‘scroll’) not firing the event while scrolling

Leave a Comment