Как добавить границу в div, который имеет стиль = 'overflow: auto', только когда полоса прокрутки активирована?

Question

Итак, у меня есть div, который получает содержимое динамически, и когда размер содержимого превышает указанную высоту, возникает переполнение: автоматически появляется полоса прокрутки, но не раньше, чем содержимое пересекает границу высоты.

Теперь я должен добавить границу в 1 пиксель вокруг всего div только при превышении высоты и появлении полосы прокрутки ... у кого-нибудь есть идеи, как этого достичь? Я пытался пройти через jquery, но я ничего не могу получить, потому что технически это не событие вроде щелчка ...

Заранее спасибо

Answer 1

Я думаю, это может сработать:

$('#div').bind('resize', function(){
 if($(this).height() > DEFAULT_HEIGHT_OF_YOUR_DIV){
     $(this).css({'border':'1px solid red'});
 }
 else{
     $(this).css({'border':'0px'});
 }
});

НТН.