Search code examples
javascriptjqueryhtmlcssviewport

Dynamically check height of an element

I want to check the height of an element every time the site changes, because of a viewport resize or a click event.

At the moment I'm using the following code:

jQuery(function ($) {
    var height = document.getElementById("head").offsetHeight;

    var x = document.getElementsByClassName("dropdown-menu");
    var i;
    for (i = 0; i < x.length; i++) {
        x[i].style.top = height + 'px';
    }
});

It's possible that the height of "head" changes. So I need to check the actual height if there are any changes at the site/viewport.

Is there a way to do so?

Solution

  • You can check on window resize

    $( window ).resize(function() {
  //check element height
});