检查div是否真的溢出和/或是否有滚动条

Question

我们有一个带有<DIV style="overflow:auto; height:400px;>。。。用数据库中的信息填充的</DIV>部分。有时它包含的文本比可见的多（因此overflow:auto），我们得到一个垂直滚动条。

如果文本溢出，我们希望将<DIV>部分的下边框更改为红色，因此，当我们没有垂直滚动条时（=红色下边框表示有更多数据，因为人们并不总是注意滚动条），则不更改。

如何才能做到这一点？

设置"border-bottom:1px solid red;"将使底部边框始终为红色，也当文本量不指示溢出/滚动条时，这样就不会单独剪切它。

---

编辑：你们很快，谢谢！我会研究一下这些建议——再次感谢！

Answer 1

if (myDiv[0].scrollHeight > myDiv.innerHeight()){
     //this has overflowing contetent!
}
else{
   //remove border, etc.
}

Answer 2

css

.attention{border-bottom:1px solid red;} 

js

$.document(ready(function(){
  var div = ('div#YOUR_OVERFLOW_DIV');
  if ( (div).height()>400){
     $(div).addClass('attention');
  }

});