布局如下
之所以加，scrollIntoView， 因为软键盘把内容被顶上去了（白屏），scrollIntoView把它拉回来
但是这时候会有一个明显的滑动过程，特别是头部。
如图
生成聊天窗口具体执行步骤如下：1、借助聊天软件生成js代码
快商通是一款免费的在线客服系统，能够生成为网页实现自动弹出在线聊天窗口功能的js代码。搜索快商通到达官网下载客服系统软件并完成注册，登录后找到“设置中心”-“代码生成”打开进入代码生成页面，可以直接拿到我们需要的js代码(如果是移动网站，记得先点击页面上的移动设备图标选项)。
客服软件后台
生成在线聊天窗口js代码
2、将js代码添加到网页html源码中
拿到代码就已经成功一半了，紧接着打开网站后台，找到名为“footer”的模板文件，打开文件把上一步获取到的代码添加到第一行或最后一行，再点击保存就可以了。当再访问网页时，就会发现页面出现了迷你对话窗口，接下来我们要让他能够根据要求自动弹出。
3、设置自动弹出在线聊天窗口的触发条件
在左侧找到“图标设置”功能栏，点击进入设置页面。打开“迷你对话框”的功能按钮，并直接点击“迷你对话框”文字进入设置界面。
