小程序
小游戏
企业微信
微信支付
扫描小程序码分享
微信公众号开发
ios
当有input父类根据页面定位时，手机下方弹出键盘使页面上移，当输入完成，键盘消失后页面显示回到原位，但实际不能点击（可点击上方区域，有反应），也就是说实际是没有回弹。
后来测试不光 input 有问题，textarea 也有同样的问题。
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
对，在苹果手机微信上是有这个问题，input虽然下去，但是input的焦点还在原来的位置上，用手指轻轻滑动屏幕就下去了，当然正常是要用代码模拟这个小滑动
function loseFocus() {
var ua = navigator.userAgent.toLowerCase();
var u = navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
if(ua.match(/MicroMessenger/i) == 'micromessenger' && !!u) {
var currentPosition, timer;
var speed = 0; //页面滚动距离
timer = setInterval(function() {
currentPosition = document.documentElement.scrollTop || document.body.scrollTop;
currentPosition -= speed;
window.scrollTo(0, currentPosition); //页面向上滚动
currentPosition += speed; //speed变量
window.scrollTo(0, currentPosition); //页面向下滚动
clearInterval(timer);
}, 1);
}
让失去焦点时，调用这个方法
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
参考下：微信打开网页键盘弹起后页面上滑，导致弹框里的按钮响应区域错位? 社区技术运营专员-白柿子 的回答 - 微信开放社区 https://developers.weixin.qq.com/community/develop/doc/000eaa965e8dc021fac7a569f56c00?jumpto=comment&commentid=000a8ccde144e0a2f4c7f767e568
截图看下呢？
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
对，在苹果手机微信上是有这个问题，input虽然下去，但是input的焦点还在原来的位置上，用手指轻轻滑动屏幕就下去了，当然正常是要用代码模拟这个小滑动
function loseFocus() {
var ua = navigator.userAgent.toLowerCase();
var u = navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
if(ua.match(/MicroMessenger/i) == 'micromessenger' && !!u) {
var currentPosition, timer;
var speed = 0; //页面滚动距离
timer = setInterval(function() {
currentPosition = document.documentElement.scrollTop || document.body.scrollTop;
currentPosition -= speed;
window.scrollTo(0, currentPosition); //页面向上滚动
currentPosition += speed; //speed变量
window.scrollTo(0, currentPosition); //页面向下滚动
clearInterval(timer);
}, 1);
}
}
让失去焦点时，调用这个方法
参考下：微信打开网页键盘弹起后页面上滑，导致弹框里的按钮响应区域错位? 社区技术运营专员-白柿子 的回答 - 微信开放社区 https://developers.weixin.qq.com/community/develop/doc/000eaa965e8dc021fac7a569f56c00?jumpto=comment&commentid=000a8ccde144e0a2f4c7f767e568
截图看下呢？