Question

有一个HTML报告，我将样式应用为＆＃34;溢出：自动＆＃34; 数据动态填充，因此我需要检测报告中是否存在垂直滚动条。经过对许多论坛的研究，所有论坛都建议比较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");   
  }
  });

这不起作用。结果总是正确的，即＃34;有一个滚动条＆＃34;，即使没有垂直滚动条。

请建议。
P.S：以上代码仅用于测试目的。

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>

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

1 个答案: