底部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一下底部菜单的显示和隐藏就可以了。