2023年6月20日发(作者：)

HTML5常见问题的解决⽅案Android Webapp 中 input 聚焦软键盘弹出时，遮住输⼊框问题解决⽅案： 设置之后，键盘弹出时，输⼊框仍被遮住，请检查 css 中是否存在如下代码：body, html { height: 100%; overflow: hidden;}如有，请去除 overflow:hidden;，去除后，若仍有问题，请检查输⼊框的⽗容器是否包含 position:fixed 样式，若有请删除。在Android系统中，浏览器通过改变 webview 的⾼度来实现输⼊框上移的效果，此时可以通过 window ⾼度变化来获取改变的值；在 ios系统中，浏览器通过滚动视窗来实现输⼊框上移的效果，此时可以通过 Top 来获取页⾯上移的值。IPhone 5C iPhone OS 7_0_6 系统，webview 并不是通过滚动视窗来实现输⼊框的上移，⽽是通过改变 webview 的⾼度来实现输⼊框上移的效果，⽽且输⼊框聚焦时，Element 的值是 body，应特别注意。

XMLHttpRequest 在设置 withCredentials 时，报 DOM Exception 11 的问题？解决⽅案：问题机型：⼩⽶ 2S,4.1.1 JRO03LXMLHttpRequest 设置 withCredentials 属性的操作放在 open ⽅法之后。

Android 4.0 webapp 加载本地资源时，资源后⾯增加参数导致资源⽆法加载的问题？

微信跳转到第三⽅ app 失败的问题？

iframe display:none; 或者 visibility:hidden; 在 ios Safari ⽆效的问题？解决⽅案：1、对 iframe 设置 z-index2、使⽤ width: 0;height: 0;border: none;3、使⽤ position: absolute; left: -9999px;

tap 事件点透问题？解决⽅案： ajax 同步请求跨域不能通过 cookie 维持会话的问题？解决⽅案：改成异步请求，同步请求 withCredentials ⽆效。

iOS div 局部滚动卡死的问题？问题描述： 1、暴⼒拖动局部滚动⽆效的问题 2、拖动内容时，标题、底部菜单跟随滚动的问题解决⽅案：确保滚动容器的 scrollTop 不为 0 、不为滚动内容的最⼤值。

微信 X5 内核，touchmove 不持续触发的问题？解决办法：对 touchmove 事件处理函数添加 tDefault() ，即可解决该问题。

div 局部滚动卡顿的问题？解决办法：html 或者 body 上的滚动条不存在卡顿的问题，如果可以，将滚动转移到 body 或者 html 上。 ios 微信修改页⾯标题⽆效问题的解决⽅案？解决办法：function modifyDocumentTitle (title) { var $body = $('body'); = title; // hack在微信等webview中⽆法修改的情况 var $iframe = $(''); $('load', function() { setTimeout(function() { $('load').remove(); }, 0); }).appendTo($body);}

ios 键盘弹出后，不点完成导致页⾯出现错乱的问题？原因分析： 出现问题是因为 ios 在键盘弹出时，如果键盘有可能挡住输⼊框，系统会修改 Top 的值，来实现页⾯上移的效果，⾮正常关闭键盘，该值未正常重置，导致 position 为 fixed 的元素出现显⽰错乱的问题。解决⽅案： 1、如果⾮正常关闭导致标题错乱，取消标题的 fixed 定位 2、如果⾮正常关闭导致弹层定位错乱，添加：Top = 0; 代码，重置⽂档的滚动值

2023年6月20日发(作者：)

HTML5常见问题的解决⽅案Android Webapp 中 input 聚焦软键盘弹出时，遮住输⼊框问题解决⽅案： 设置之后，键盘弹出时，输⼊框仍被遮住，请检查 css 中是否存在如下代码：body, html { height: 100%; overflow: hidden;}如有，请去除 overflow:hidden;，去除后，若仍有问题，请检查输⼊框的⽗容器是否包含 position:fixed 样式，若有请删除。在Android系统中，浏览器通过改变 webview 的⾼度来实现输⼊框上移的效果，此时可以通过 window ⾼度变化来获取改变的值；在 ios系统中，浏览器通过滚动视窗来实现输⼊框上移的效果，此时可以通过 Top 来获取页⾯上移的值。IPhone 5C iPhone OS 7_0_6 系统，webview 并不是通过滚动视窗来实现输⼊框的上移，⽽是通过改变 webview 的⾼度来实现输⼊框上移的效果，⽽且输⼊框聚焦时，Element 的值是 body，应特别注意。

XMLHttpRequest 在设置 withCredentials 时，报 DOM Exception 11 的问题？解决⽅案：问题机型：⼩⽶ 2S,4.1.1 JRO03LXMLHttpRequest 设置 withCredentials 属性的操作放在 open ⽅法之后。

Android 4.0 webapp 加载本地资源时，资源后⾯增加参数导致资源⽆法加载的问题？

微信跳转到第三⽅ app 失败的问题？

iframe display:none; 或者 visibility:hidden; 在 ios Safari ⽆效的问题？解决⽅案：1、对 iframe 设置 z-index2、使⽤ width: 0;height: 0;border: none;3、使⽤ position: absolute; left: -9999px;

tap 事件点透问题？解决⽅案： ajax 同步请求跨域不能通过 cookie 维持会话的问题？解决⽅案：改成异步请求，同步请求 withCredentials ⽆效。

iOS div 局部滚动卡死的问题？问题描述： 1、暴⼒拖动局部滚动⽆效的问题 2、拖动内容时，标题、底部菜单跟随滚动的问题解决⽅案：确保滚动容器的 scrollTop 不为 0 、不为滚动内容的最⼤值。

微信 X5 内核，touchmove 不持续触发的问题？解决办法：对 touchmove 事件处理函数添加 tDefault() ，即可解决该问题。

div 局部滚动卡顿的问题？解决办法：html 或者 body 上的滚动条不存在卡顿的问题，如果可以，将滚动转移到 body 或者 html 上。 ios 微信修改页⾯标题⽆效问题的解决⽅案？解决办法：function modifyDocumentTitle (title) { var $body = $('body'); = title; // hack在微信等webview中⽆法修改的情况 var $iframe = $(''); $('load', function() { setTimeout(function() { $('load').remove(); }, 0); }).appendTo($body);}

ios 键盘弹出后，不点完成导致页⾯出现错乱的问题？原因分析： 出现问题是因为 ios 在键盘弹出时，如果键盘有可能挡住输⼊框，系统会修改 Top 的值，来实现页⾯上移的效果，⾮正常关闭键盘，该值未正常重置，导致 position 为 fixed 的元素出现显⽰错乱的问题。解决⽅案： 1、如果⾮正常关闭导致标题错乱，取消标题的 fixed 定位 2、如果⾮正常关闭导致弹层定位错乱，添加：Top = 0; 代码，重置⽂档的滚动值