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,延時應該是爲了等待軟鍵盤收回完成。
原貼地址: