测试浏览器软键盘问题

static/html/chat_page.html

@@ -55,7 +55,7 @@
                 <div class="folderBtn visitorFolderBtn" id="uploadFile" v-on:click="uploadFile('/uploadfile')"></div>
                 <div class="clear"></div>
             </div>
-            <el-input type="textarea" @click.native="scrollBottom" class="chatArea" v-model="messageContent"  @keyup.native="inputNextText" v-on:keyup.enter.native="chatToUser" :placeholder="flyLang.textarea"></el-input>
+            <el-input type="textarea" @focus="textareaFocus" @blur="textareaBlur" @click.native="scrollBottom" class="chatArea" v-model="messageContent"  @keyup.native="inputNextText" v-on:keyup.enter.native="chatToUser" :placeholder="flyLang.textarea"></el-input>
             <div class="faceBox visitorFaceBox">
                 <ul class="faceBoxList">
                     <li v-on:click="faceIconClick(i)" class="faceIcon" v-for="(v,i) in face"  :title="v.name"><img :src=v.path></li>

static/js/chat-page.js

@@ -256,6 +256,20 @@ new Vue({
                     }
              });
         },
+        //软键盘问题
+        textareaFocus:function(){
+            if(/Android|webOS|iPhone|iPad|BlackBerry/i.test(navigator.userAgent)) {
+                $('body').scrollTop($("body")[0].scrollHeight);
+                $(".chatContext").css("margin-bottom","1px");
+                $(".chatBoxSend").css("position","static");
+            }
+        },
+        textareaBlur:function(){
+            if(/Android|webOS|iPhone|iPad|BlackBerry/i.test(navigator.userAgent)) {
+                $(".chatContext").css("margin-bottom","105px");
+                $(".chatBoxSend").css("position","fixed");
+            }
+        },
         //获取日期
         getNowDate : function() {// 获取日期
             var d = new Date(new Date());