How to detect overflow in div element?

by

You can easily do that by comparing scrollHeight with clientHeight, try the following:

<script type="text/javascript">
function GetContainerSize ()
{
    var container = document.getElementById ("tempDiv");
    var message = "The width of the contents with padding: " + container.scrollWidth + "px.\n";
    message += "The height of the contents with padding: " + container.scrollHeight + "px.\n";

    alert (message);
}
</script>

For more information please take a look at: http://help.dottoro.com/ljbixkkn.php

More Related Contents:

  1. How to display an chage photo option on mouse hover similar to linkedin using Javascript? [closed]
  2. Input type="text" with select functionality after clicking on Input type="text"
  3. How to force browser to show image 3 inches wide?
  4. Syntax Higlighter For Site [closed]
  5. how i can connect and login in mysql localhost in php by using this html code
  6. Full-screen iframe with a height of 100%
  7. Can I use HTML tags in the options for select elements? [duplicate]
  8. How To Get Font Size in HTML
  9. Cache busting via params
  10. Remove CSS class from element with JavaScript (no jQuery) [duplicate]
  11. How to update placeholder color using Javascript?
  12. Hide scrollbar while still being able to scroll with mouse/keyboard [duplicate]
  13. How to create a custom scrollbar on a div (Facebook style)
  14. Have a div cling to top of screen if scrolled down past it [duplicate]
  15. HTML book-like pagination
  16. Highcharts – issue about full chart width
  17. Fill available spaces between labels with dots or hyphens
  18. How to make text over flow into two columns automatically
  19. Uncaught TypeError: Cannot read property ‘top’ of undefined
  20. Detect browser wrapped lines via javascript
  21. Multiple read more / read less sections are not working on a page
  22. Extracting text from a contentEditable div
  23. How to create a collapsing tree table in html/css/js?
  24. How to remove jQuery Mobile styling?
  25. Rotate div text after clicking on button using jquery and css
  26. How to Bootstrap navbar static to fixed on scroll?
  27. How to use pagination on HTML tables?
  28. How to access css properties in javascript when applied via external CSS file?
  29. How can I reorder elements with JavaScript?
  30. Can you have multiple lines in an element?

Leave a Comment