具有自动消耗功能的内容可编辑div

Question

我正在使用contenteditable = true的div。它是可自动扩展的：http://html5demos.com/contenteditable

但我需要的是扩展应该是反转方式，如果我按下回车键，div应该扩展到上方不向下。

Answer 1

我不确定你能做到这一点，因为html文档从左到右，从上到下扩展，你可以做的是在创建新行时向下滚动...这会产生一种错觉div向上扩展。

尝试在函数中添加它：

window.scrollBy(0,fontHeight);

或者使用jQuery：

$('div[contenteditable=true]').animate({
scrollTop: '+=xx' //xx= fontHeight
}, 1000);