jquery - 自動消耗品を備えたコンテンツ編集可能な div

Question

contenteditable=true の div を使用しています。次のように自動展開可能です: http://html5demos.com/contenteditable

しかし、私が必要とするのは、展開が逆側であることです。Enterキーを押すと、divは下側ではなく上側に展開する必要があります。

Answer 1

HTMLドキュメントは左から右、上から下に展開されるため、それができるかどうかはわかりません。新しい行を作成するときにできることは、下にスクロールすることです...これにより、divが展開するという錯覚が生まれます上向き。

これを関数に追加してみてください：

window.scrollBy(0,fontHeight);

またはこれをjQueryを使用して：

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