<script src="https://cdn.bootcss.com/jquery/1.8.1/jquery.js"></script>

<script>

    $(function(){

        function autoHeight(ele){

            var $this = $(ele);

            $this.css({'height':'20px','overflow-y':'hidden'}).height(ele.scrollHeight);

            if(parseInt($this.height())>60){

                $this.height(60);

            }

        }

        $('.text').on('input propertychange',function(){

            autoHeight(this);

        })

    $('.text').trigger("input");
    $('.text').trigger("propertychange");
})

 }) </script>

<textarea name="message"  class="text"></textarea>