Open wisetc opened 6 years ago
if (!getOpenId()) { weui.alert('用户openId不存在,请关闭后重新进入获取用户openId。', function () { window.WeixinJSBridge && window.WeixinJSBridge.call('closeWindow') }) return }
在 iso 微信公众号页面中对输入框用虚拟键盘键入后,点击软键盘上的完成,页面中的内容显示上是正常的,但是点击页面元素会发现页面元素的位置其实发生了向上的偏移。解决这个 bug,可以这样,当点击软键盘的完成,也就是页面失去焦点时,让浏览器重排。
在掘金上找到这一样一段代码,实测有效。
const pattern = /iphone|ipod|ipad/i pattern.test(window.navigator.appVersion) && document.addEventListener( 'blur', () => { document.body.scrollIntoView(false) }, true )
我已将上述代码封装为 package,@wisetc/wechat-webpage-helper。可以直接引入 polyfill,
@wisetc/wechat-webpage-helper
require('@wisetc/wechat-webpage-helper/lib/ios-input-polyfill')
这样关闭微信窗口
iso 微信 input 定位问题
在 iso 微信公众号页面中对输入框用虚拟键盘键入后,点击软键盘上的完成,页面中的内容显示上是正常的,但是点击页面元素会发现页面元素的位置其实发生了向上的偏移。解决这个 bug,可以这样,当点击软键盘的完成,也就是页面失去焦点时,让浏览器重排。
在掘金上找到这一样一段代码,实测有效。
我已将上述代码封装为 package,
@wisetc/wechat-webpage-helper
。可以直接引入 polyfill,