H5兼容问题记录

准备作妖

1.移动端h5页面软键盘弹出后 背景图片被顶上去(高频)

移动端h5页面在软键盘弹出后body的高度会被压缩，就导致原本高度100%的背景图被顶上去一截，需要把div的高度强行设回100%才能解决这个问题

<div class="app" :style="{ height: bodyHeight + 'px' }"></div>
 
mounted(){
 this.bodyHeight=document.documentElement.clientHeight
}

2. ios手机input、textarea等元素的placeholder如果有多行，软键盘输入数据然后再删除，placeholder就只能显示一行了，不能全部展示(高频)；

这个bug 只有ios手机才有；
解决思路：在input输入的有值得时候给元素position:relative,没数据的时候position:static,通过改变css让元素重新渲染。这里不一定就要用position，其他样式都可以，主要是要让元素重新渲染；

3. ios 软键盘将页面顶到上面，页面软键盘关掉之后页面下部分空白，需要手动把页面滚动到底部的问题

让input在失去焦点的时候，滚动到页面最顶部

window.scrollTo(0, 0) //页面滚动到顶部

长期更新。。。