Javascript détectent barre de défilement dans textarea

Question

Je me demandais si quelqu'un sait comment je voudrais aller sur la détection lorsque la barre de défilement apparaît à l'intérieur d'un textarea.

Je suis actuellement en train d'utiliser mootools pour mon JavaScript et je rencontre des problèmes pour le détecter.

Answer 1

function has_scrollbar(elem_id) 
{ 
    const elem = document.getElementById(elem_id); 
    if (elem.clientHeight < elem.scrollHeight) 
     alert("The element has a vertical scrollbar!"); 
    else 
     alert("The element doesn't have a vertical scrollbar."); 
} 

Voir cette jsFiddle http://jsfiddle.net/qKNXH/

Answer 2

solution de Tommaso fonctionne parfaitement, même avec une zone de texte. Mais si l'utilisateur devait entrer dans la zone de texte et tout à coup le textarea lui-même a donné une barre de défilement, votre javascript ne sait pas ou être triggered.So vous voudrez peut-être ajouter quelque chose comme

onKeyUp='has_scrollbar("textareaID")' 

Answer 3

J'ai fait un jQuery « compatible "version de Tommaso Taruffis Code

function resize_until_scrollbar_is_gone(selector) { 
    $.each($(selector), function(i, elem) { 
     while (elem.clientHeight < elem.scrollHeight) { 
      $(elem).height($(elem).height()+5); 
     } 
    }); 
} 

Il peut gérer plusieurs éléments et accepte: sélecteurs, objets jQuery ou éléments DOM.

Il peut être appelé comme ceci:

resize_until_scrollbar_is_gone('textarea');