检测div是否包含导致溢出的内容

Question

我们目前在我们的网站上使用以下代码来检测div是否具有导致其溢出的内容，并因此将类添加到其他元素：

// Resize ContainerHeader if a billboard ad is shown
var element = document.querySelector('#banner-top');
if( element.offsetHeight < element.scrollHeight || element.offsetWidth < element.scrollWidth) {
   // your element have overflow
   $('#banner-top').addClass('billboard');
   $('#a_ContainerHeader').addClass('billboard');
   $('.menu-header-container').attr('data-offset-top','430');
   //alert("YES overflow");
}
else{
  //your element don't have overflow
  //alert("NO overflow");
}

它在一半的时间内工作正常，但随机似乎无法正常工作。如果我们然后刷新页面，它将再次工作！非常烦人。

没有人有任何想法为什么它不能在事后回归真实？我们的控制台中没有javascript错误。

可以在http://www.onedirection.net使用该代码。

干杯，

克里斯。