textarea 高度自動成長出現錯誤

Question

var scroll_Height = $('#content').get(0).scrollHeight;
      $('#content').css('height',scroll_Height + 'px');

      $('#content').on('input', function() {        var scroll_Height = $('#content').get(0).scrollHeight;
        $('#content').css('height',scroll_Height + 'px');
      });

<textarea name="content" id="content" class="normal_input_admin" row="1"><?=$data['content'];?></textarea>

有一點怪異的是
當按下enter之後寬度會一直增加沒錯，看起來都正常
但是當我要後退 delete 刪除文字的時候（每一行）
他的高度只會 1px 的往下扣
假設我按Enter 三次後高度是 150px
但是我要刪除這三行變成一行的時候他高度竟然會是 148px 類似這種情形，沒有隨著我刪掉而改變真正的高度
請問是哪裡有問題？