底部nav被虚拟键盘推上去了,不同手机不同状况~~~,这个问题怎么解决

Question

<nav class="mui-bar mui-bar-tab" style="border-top:gainsboro solid 1px;position:fixed;bottom: 0;">
        <a id="questionAdd" class="mui-tab-item mui-active" href="questionAdd.html">
            <span class="mui-tab-label">提交问题</span>
        </a>
        <a id="questionCheck" class="mui-tab-item" href="html/questionList.html">            
            <span class="mui-tab-label">查看问题</span>
        </a>
    
        </a>
    </nav>`请输入代码`

Answer 1

软键盘激活和隐藏的时候，会触发window的resize事件，在这个事件里去toggle一下底部菜单的显示和隐藏就可以了。