键盘启动时滚动到textarea

Question

在我的待办事项列表应用中，我有一个附加在列表末尾的文本区域。现在的问题是，当我点击textarea时，keboard会显示，但textarea位于键盘后面，除非我开始输入，否则页面不会滚动。你可以想象，这不是一个好的用户体验。

键盘出现后如何立即滚动到textarea？

编辑：这是模拟器版本2.0中的观察

Answer 1

我通过向onClick事件滚动到容器的底部来修复它：

$(document).on("click", "#new_todo_item",function(){  // scroll to bottom when clicked on input textarea
    $("#todo_list_container").animate({ scrollTop: $(document).height()+$(document).height() }, 1000);
});

我不得不加$(document).height()+$(document).height()，因为一个高度并没有真正滚动到底部。缺点是现在没有动画。