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

Posted 盖大楼

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ios 底部用定位 fixed。在软件盘出来后,页面元素被顶上去一部分,fixed定位的footer也跑到了上面去。解决方法相关的知识,希望对你有一定的参考价值。

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


$("input").focus(function(){
        $(‘.footerssss‘).css({
            ‘position‘:‘absolute‘
        })
    })
    $("input").blur(function(){
        $(‘.footerssss‘).css({
            ‘position‘:‘fixed‘
        })
        setTimeout(function() {
            var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
            window.scrollTo(0, Math.max(scrollHeight - 1, 0));
        }, 300);
    })

  思路:

input或者textarea 在用户获取焦点的时候,底部定位的元素 fixed变为absolute,

在input失去焦点的时候,底部定位元素 再变成 fixed。再让页面滚动一下,让顶上去的一部分元素,回来。

 

以上是关于ios 底部用定位 fixed。在软件盘出来后,页面元素被顶上去一部分,fixed定位的footer也跑到了上面去。解决方法的主要内容,如果未能解决你的问题,请参考以下文章

input(移动端iOS)输入内容时调用软件盘后页面底部留白问题

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

IOS中弹出键盘后出现fixed失效现象的解决方案

Ios 若干兼容处理

解决iOS 底部fixed后 页面滑动后无法点击的问题

页脚底部定位问题