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

Question

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

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

如何实现？

设置 " border-bottom:1px solid red;" 将使底部边框一直变红，即使文本量不决定溢出/滚动条，所以单独不会削减它。

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

score 4 · Accepted Answer

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

score 0 · Accepted Answer

css

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

js

$.document(ready(function(){
  var div = ('div#YOUR_OVERFLOW_DIV');

  if ( (div).height()>400){
     $(div).addClass('attention');
  }


});

2 回答 2