jQuery / JS obtient la hauteur de la barre de défilement d'une zone de texte

J'ai un textarea avec une hauteur fixe. Lorsque l'utilisateur tape du texte dans le textarea une barre de défilement apparaîtra après que l'utilisateur a tapé un texte.

Comment puis-je obtenir la barre de défilement de la hauteur à l'aide de jQuery ou de la plaine JavaScript? J'ai cherché pendant des heures, mais ne pouvait pas trouver quoi que ce soit. Je ne peux pas il suffit d'insérer une div et obtenir la barre de défilement de la hauteur par la div de décalage en raison d'un textarea n'est pas permis d'avoir des éléments d'enfant.

Merci de ne pas me donner un lien vers un Plug-In jQuery qui fait le travail. Je veux apprendre quelque chose.

source d'informationauteur iWeb

  1. 13
    textarea.scrollHeight

    renvoie un entier (pixels)

  2. 1
    $.each($("textarea"), function () {
    var scrollHeight = parseInt(this.scrollHeight);
    if ($("this").val() != "" && isNaN(scrollHeight) == false && scrollHeight > 0 && scrollHeight > $(this).height()) {
        console.log($(this).attr("id"));
        $(this).height(scrollHeight);
    }
});
  3. 0

    Veuillez noter que vous devez exclure les supérieure rembourrage et la inférieur rembourrage du textarea en comparant les scrollHeight.

    Exemple

    var scrollHeight = $("#textarea_id")[0].scrollHeight;
var padding = 14; //upperpadding 7 and lower padding 7.

if($("#textarea_id")[0].height() < (scrollHeight - padding)) {
  $("#textarea_id")[0].height(scrollHeight - padding);
}