Javascript textarea

JavaScript
1

textareanın rows unu arttırınca aşağı doğru değil de
yukarı doğru büyümesini nasıl sağlarm
mesela instagramda mesajlaşma kısmında yukarı doğru büyüyor

2 
<!DOCTYPE html>
<html>
<head>
	<title>Test</title>
</head>
<style type="text/css">

	#area {
		width:500px;
		position: absolute;
		bottom:0;
		height: 19px;
	}
	div{
		height: 100px;
		position:relative;
	}

</style>
<body>
<div>
	
<textarea id="area"></textarea>
</div>

<script type="text/javascript">
	var area = document.getElementById('area')
	area.addEventListener('keyup', function () {
    	this.style.height = 0;
    	this.style.height = this.scrollHeight + 'px';
	});
</script>
</body>
</html>

İş görüyor. Geliştirip kullanabilirsin.

3

ben de böle yapmştm…