Comment ajouter une bordure à une div dont le style = 'débordement: auto' uniquement lorsque la barre de défilement est activée?

Question

J'ai donc une div qui obtient du contenu dynamiquement, et quand la taille du contenu dépasse une hauteur spécifiée, le débordement: auto se déclenche et je reçois une barre de défilement, mais pas avant que le contenu dépasse cette limite.

Maintenant, je suis censé ajouter une bordure 1px autour de la div seulement lorsque la hauteur est dépassée, et la barre de défilement apparaît ... est-ce que quelqu'un a des idées comment cela pourrait être accompli? J'ai essayé de passer par jquery, mais je ne peux pas saisir quoi que ce soit parce qu'il est techniquement pas un événement comme un clic ...

Merci à l'avance

Answer 1

Je pense que cela pourrait fonctionner:

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

HTH.