混合式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; }); });