在ios上,fixed定位因为input导致手机下面出现空白,视图变小

Posted carrie5

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在ios上,fixed定位因为input导致手机下面出现空白,视图变小相关的知识,希望对你有一定的参考价值。

 

<div class="btnBox" v-show="isOriginHei">
    <div class="btn" >提交</div>
</div>

vue项目项目中在mountd里面获取视图的高度

mounted() {
       const that = this
     window.onresize = () => {
                return (() => {
            window.screenHeight= document.body.clientHeight
                  that.screenHeight= window.screenHeight
            })()
}

},

 

watch: {
screenHeight(val) {
this.screenHeight= val
if(this.originHeight != val) {
this.isOriginHei = false;
}else{
this.isOriginHei = true;
}
},

}










以上是关于在ios上,fixed定位因为input导致手机下面出现空白,视图变小的主要内容,如果未能解决你的问题,请参考以下文章

IOS-input元素光标偏移乱跑,是什么原因

移动端fixed定位固定在底部 ios手机里为啥会遮住一半 滑动一下才显示全部 css

[BUG]ios中input不回弹,导致fixed布局错位

IOS11 光标错位问题

ios 底部用定位 fixed。在软件盘出来后,页面元素被顶上去一部分,fixed定位的footer也跑到了上面去。解决方法

关于移动端的文本框获取焦点时导致fixed或absolute定位的按钮被手机键盘顶上去的问题