一、平台 手机移动端 二、实现的效果 当input输入框获得焦点时，在保留光标的情况下，又不让手机虚拟键盘弹起 刚开始在网上找了一番，网上的回答大都自以为是，根本没有弄清诉求，他们提供的三种解决方法，把input框用div代替、给input框设readonly属性、input获得焦点时使其 ...

问题描述 im聊天H5页面，在iOS系统下，inpu获取焦点弹出系统虚拟键盘时，会出现挡住input的情况，十分影响用户体验。 bug图 解决方法： 　　<input type="text" v-model="msg ...

移动页面经常会做到这样一个效果，看下面的图片，重点就是那个固定定位的底部，里面有个input输入框，在输入字符的时候，安卓手机看着是完全没有问题！ 1、页面没有点击底部input的初始状态 2、安卓手机下的样子，一切都是那么的正常，简直是完美。 3、ios手机下，就是这么任性 ...

项目里的报名表单中，在没有顶部也没有底部的情况下，正常排版没有用flex布局，当触焦input时，输入法档住了，如下图： 解决方法： 1.先给最外层的div一个ID取名比如 id="apply"如下图： 2.定义一个class: .focusState {position ...

:0;（这就是重点！！！！！） 这个方法适用于有输入框的移动端页面，类似于一个登记信息的弹窗之类的页面。 ...

问题重现 原始页面：页面中有header、main、footer三部分，其中 header 和 footer 通过 position: fixed; 定位在浏览器顶部和底部。 其中，footer 中有一个input 输入框。 点击 input 框使之获取焦点，唤起虚拟键盘，正常页面效果 ...

　　在做一个关于新闻的评论功能的H5页面时，需求里面要求能够发送表情显示表情，如果使用自定义的表情库，则在评论也还要加载大量的表情符图片，极大的影响加载速度，消耗流量，去看了下别的新闻网页版的评论部分也没有使用外带的表情库。 　　在input输入框里面添加上键盘自带表情符后，发送给后台 ...

使用的是vux框架， 以为是框架问题， 后来发现是把当前页面的高度写死为了height：200%； 只要把高度去掉就能让页面自动弹到输入框的上方； ...