移动端底部fixed固定定位输入框ios下不兼容
简短记录下最近开发移动端项目碰到的小坑,产品需求做一个售后对话页面,底部固定输入框,和微信对话差不多,但是在ios下,fixed失效,输入框被虚拟键盘挡住,在安卓下是正常的。 尝试过网上说的很多方法,因为每个页面的需求和布局可能不相同,比如我做的需要下拉刷新消息,上拉加载更多,用的是minit-UI来做,所以都没有效果 后面无奈用了两套代码,用 var u = navigator.userAgent, app = navigator.appVersion; var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 判断是安卓还是ios,安卓的继续底部用固定定位, ios底部也用固定定位,只是content内容主体部分用绝对定位 <div :class="isIOS?'input-bottom1':'input-bottom'"> <form style="width:70%;"> <input class="message-input" @focus="iosScrollT" @blur="iosScrollB" type="text" v-model="sendMess" > </form> <div class="footer-r" @click="postAdvisory">发送</div> </div>