Javascript 如何防止textarea在键入和运行到页面底部时跳舞JQuery/CSS

我不断地在自动调整大小的文本区域中输入

当文本进入页面底部，我继续打字

我发现每按一次键或上键，页面都会像地狱一样起舞，文本会进入页面底部（我需要向下滚动查看到底发生了什么）。如何防止页面跳转和文本进入底部

JS小提琴：

浏览器：IE10（在firefox中也发现很少跳舞；但客户端使用IE10，所以只需要在上面工作）

HTML:

<div>
 <div>
  <br><br> &nbsp;&nbsp;
    <textarea class="normal" name="myarea" id="myarea" style="height: 100px; overflow-y: hidden;"></textarea>
  </div>
</div> 
<input type="button" class="butt" value="ehehehhe" />

---

更新：客户表示不定义文本区域的最大高度。让它随着文本的增加而流动。

好吧，我知道你说过让textarea流动，但我真的很喜欢这个解决方案。在小提琴中，它使textarea增长到接近视口底部，并停止所有舞蹈。希望这是一个合理的妥协。修改小提琴是

---

你到底想实现什么？我不在IE10上，但通过给文本区域指定

框大小：边框框

来检查一次。@U Green先生：如果你可以运行fiddle，其他浏览器版本也会发生同样的情况吗？@RRR：我想实现的是输入文本而不晃动整个页面。是的，我得到了。。。对不起，我是想问你用jQuery脚本想要实现什么？

var myquery = {
  autoHeight: function(e) {
  $(e).css({
  'height': 'auto',
  'overflow-y': 'hidden'
 }).height(e.scrollHeight);
},
init: function() {
setTimeout(function() {
  $('textarea').each(function() {
    myquery.autoHeight(this);
  }).on('input', function() {
    myquery.autoHeight(this);
  });
}, 200);
$("textarea").keypress(function(e) {
   $(".butt").focus();    
   $(this).focus();    
});
  }

};

$(myquery.init);

textarea {
  max-height: 85vh;
}