zoukankan      html  css  js  c++  java
  • 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。再让页面滚动一下,让顶上去的一部分元素,回来。

  • 相关阅读:
    状态模式
    迭代器模式和组合模式
    模板方法模式
    适配器模式和外观模式
    principle06
    principle05
    命令模式
    单例模式
    工厂模式
    day38(表相关内容)
  • 原文地址:https://www.cnblogs.com/gaidalou/p/10755550.html
Copyright © 2011-2022 走看看