ios 微信webview在键盘关闭后,没有自动回退页面


ios 微信webview在键盘关闭后,没有自动回退页面

记得去年,从某天IOS的微信升级到v6.7.4版本时。   

发现微信公众号/服务号页面里有一个bug(小程序也有此问题),当input失去焦点后,软键盘关闭时,原先因为软键盘而被顶上去的网页,这里居然被固定了,需要滑动一下页面,才能正常,显示这个是没法通过测试的。   


在微信开放社区搜索此答案,网友给出了解决方式,在页面上加入以上代码即可:   

setTimeout(() => {
   const scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
   window.scrollTo(0, Math.max(scrollHeight - 1, 0));
 }, 300);

原理:当Input失去焦点时,将页面的scrollTop设置为0,延时应该是为了等待软键盘收回完成。   

原贴地址:   

ios 微信webview在键盘关闭后,没有自动回退页面


比较尴尬的是,离发贴过去半年多了,仍然没有被解决。

你可能感兴趣的:(Web前端,技巧)