javascript - 如何使用 Fixed/Z-Index 页脚防止自动调整文本区域进入页脚？

Question

如何防止textarea进入页脚？

JSFiddle:https://jsfiddle.net/uqhh05en/

var coola = {
  init: function() {

 autosize(document.querySelectorAll('textarea'));

 $("textarea").keyup(function(e) {
    //Tried a hack for not autogrow below footer
    $('.footer').focus();
    $(this).focus();
  });

  } 
};
$(coola.init);

插件:http://www.jacklmoore.com/autosize

注意:文本区域不允许固定行和列。

注意:不允许固定高度。我想随着文本的增加而调整大小。

Answer 1

页脚位于内容之上，因为它是 position: fixed。当文本区域自动调整大小时，它也会增加父 div 的大小。您可以通过向下滚动看到“隐藏”文本区域。

我建议添加一些代码，在每次为受影响的文本区域触发调整大小时，将屏幕向下滚动一行的高度。