移动端聊天（类似微信）——显示最新消息、输入框随内容自适应高度、模仿发送消息后清空输入框并恢复初始高度

ps:对应的html代码请参考我写的https://mp.csdn.net/postedit/87929498

 

一、显示最新消息即：页面一加载，或发送消息的时候，都能显示最新的消息，让滚动条保持在底部。

参考了：http://www.cnblogs.com/hnyei/archive/2011/09/20/2182199.html  但是他提供的方法中，我试了一下，只有scrollIntoView()对我有效。对scrollIntoView()方法更详细的解释可以参考http://www.cnblogs.com/cnhkzyy/p/9233314.html。

（有一个没有实现：就是手机的虚拟键盘弹出来时，整个页面没有整体上移，导致输入框挡住了最新的消息，只能手动上划；只有在发送了新消息之后才会自动显示最新消息；查了一下没找到合适的方法，貌似都是安卓比较多，如果哪位大神有js就能解决的方法，欢迎留言讨论！）

二、输入框随内容自适应高度：类似于微信聊天输入框，随着内容增多换行，输入框会变高到一定高度后不再变化而是出现滚动条；发送消息后输入框又恢复了初始的高度。

三、发送消息：发送消息后清空输入框内容、历史消息显示最新发送的消息、输入框恢复初始高度；不能发送空消息（空格、换行）

 

js代码：