H5网页ios移动端-软键盘收起后页面内容不下滑

36次阅读

共计 265 个字符,预计需要花费 1 分钟才能阅读完成。

ios 挪动端输出内容,软键盘弹出,页面内容整体上移。然而键盘收起,页面内容不下滑。安卓一切正常。

解决办法如下:

//jQuery 的办法参考
$('input,textarea').on('blur',function(){window.scroll(0,0);  // 重点是这一句
});  

$('select').on('change',function(){window.scroll(0,0);  
});  

原理就是弹起键盘的时候,window.scrollY 会从 0 变到键盘的高度(例如:200),当输入框焦点失去后让 scrollY 回到 0 就好了。

正文完
 0