3

<DIV style="overflow:auto; height:400px;>データベースからの情報が入力された...</DIV>セクションを含むページがあります。表示されているよりも多くのテキストが含まれている場合があり (したがってoverflow:auto)、垂直スクロールバーが表示されます。

<DIV>テキストがオーバーフローした場合は、セクションの下枠を赤色に変更したいと考えています。垂直スクロールバーがない場合はそうではありません (= 赤い下枠は、より多くのデータがあることを示します。常にスクロールバーに注意してください)。

これはどのように達成できますか？

" " を設定border-bottom:1px solid red;すると、テキストの量がオーバーフロー/スクロールバーを決定しない場合でも、下の境界線が常に赤くなります。そのため、それだけでは切り取られません。

編集：皆さんは速いです、ありがとう！提案を検討します - ありがとうございました!

4

2 に答える 2

4 
if (myDiv[0].scrollHeight > myDiv.innerHeight()){
     //this has overflowing contetent!
}
else{
   //remove border, etc.
}
于 2012-08-02T07:52:17.803 に答える
0

CSS

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

js

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

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


});
于 2012-08-02T07:46:52.890 に答える