解决安卓手机 键盘弹出 覆盖 fixed 和 absoulte元素的问题

废话不说,直接上代码:(原理是安卓键盘弹出之后,页面高度会计算上键盘高度,所以整个页面会变高,那么固定定位就会变化)

var win_h = document.documentElement.clientHeight;//关键代码
    window.addEventListener('resize', function () {
        if(document.documentElement.clientHeight < win_h){
            document.getElementById('isShow').style.display = 'none'
        }else{
            document.getElementById('isShow').style.display = 'block'
        }
    });

 

上一篇:DR模式的搭建


下一篇:CSS规范 - 最佳实践--(来自网易)