手机底部div被输入法顶上去解决办法

weixin_30699831

于 2019-09-09 10:55:00 发布

阅读量746

点赞数

文章标签：前端 javascript ViewUI

原文链接：http://www.cnblogs.com/wanlibingfeng/p/11490444.html

版权

CSS样式：

 .add-not-examine-content-bottom{
            height: 1rem;
            display: flex;
            font-family: MicrosoftYaHei;
            font-size: .36rem;
            position: fixed;　　//必须是fixed
            bottom: 0;
            width: 100%;
        }

js操作

<script>
    //解决输入法问题
    $(function () {
        var oHeight = $(document).height(); //当前的高度
        $(window).resize(function () {
            if ($(document).height() < oHeight) {
                $('.add-not-examine-content-bottom').hide();
            } else {
                $('.add-not-examine-content-bottom').show();
            }
        });
    });
</script>