Web移动端Fixed布局的解决方案

混合式APP 布局，遇到IOS 11+ 以上的手机版本，软键盘唤起后，文本框光标错位的问题。

以及ios移动端 100% 布局后卡顿的解决：

-webkit-overflow-scrolling: touch;（暂未测试）

 

参考以下链接：

https://efe.baidu.com/blog/mobile-fixed-layout/?utm_source=tuicool&utm_medium=referral

 

更新：

每次唤起键盘关闭后就上滑到顶端

//页面加载完成后遍历所有input执行监听
jQuery(document).ready(function(){
    var vinputs = document.querySelectorAll('.input');
    for (var i = 0; i < vinputs.length; i++) {
        listenKeybord(vinputs[i]);
    }
 //以下两个是确保首次下单选择学校,选择培训单位不错位。对所有select添加监听,滑回到顶部
 jQuery("select").blur(function(){
     document.body.scrollTop = 0;
        });
});

独立页面

// 适应微信IOS的，设置输入后唤起软键盘可能的错位，添加一个拉回到顶端的效果
        $("select").blur(function(){
            document.body.scrollTop = 0;
        });
        $("input").blur(function(){
            document.body.scrollTop = 0;
        });
        $("textarea").blur(function(){
            document.body.scrollTop = 0;
        });
    });