使用JQuery / Javascript檢測垂直滾動條是否存在

Question

有一個HTML報告，其中我已將樣式應用為“ overflow：auto” 。數據是動態填充的，因此我需要檢測報告中是否存在垂直滾動條 。 在研究了許多論壇之后，所有這些論壇都建議比較一下scrollHeight和clientHeight ，我嘗試了一下：

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

這是行不通的。 結果始終為true，即“沒有滾動條”，即使沒有垂直滾動條也是如此。

請提出建議。
PS：以上代碼僅用於測試目的。

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>