使用JQuery / Javascript检测垂直滚动条是否存在

Question

There is an HTML report, where I've applied style as The data fills dynamically so I need to detect if there is a existing or not in the report. After researching over many forums, which all suggest comparing the scrollHeight and clientHeight , I tried this:

  $( document ).ready(function() {
  var myReport = document.getElementById("report_id");
  if (myReport.scrollHeight > myReport.clientHeight) { 
  alert("has a scrollbar");   
  } else {
  alert("has NO scrollbar");   
  }
  });

This does not work. The result is always true, ie "has a scrollbar", even when there's no vertical scrollbar.

Please suggest.
PS: The above code is just for testing purpose.

Answer 1

<script>
jQuery(document).ready(function(){
   var outerHeight = $("#report_id").outerHeight();
   var scrollHeight = $('#report_id')[0].scrollHeight
   if (outerHeight < scrollHeight) {
       alert("has a scrollbar"); 
   }
   else
   {
      alert("has NO scrollbar"); 
   }
});
</script>