当前位置: 首页 > Web前端 > HTML5

苹果手机输入框(input、select、textarea)失去焦点后,页面不回原位

时间:2023-04-05 18:11:30 HTML5

我是砖头,哪里还需要动!移动端项目开发遇到奇怪的问题很正常。由于ios和安卓系统的差异,经常会出现适配问题。其实苹果手机的输入框(input、select、textarea)失去焦点后,出现页面不回原位的问题是正常的。问题分析:由于Android系统调用键盘时直接悬浮在页面上,而ios系统是将页面整体书在上面,所以当键盘收回时,页面不会自动回到ios上原来的位置系统。问题介绍:*iso上的状态(页面顶部)**Android系统键盘悬浮在页面上方*解决方法:两个短js,完美结束问题。//失去焦点$("input,select").blur(function(){vartop=$("body").scrollTop();$("body").scrollTop(top);});//失去焦点$("input,select,textarea").blur(function(){$("body,html").scrollLeft(0);;});*Solvedios*问题的原因是输入框失去焦点后,页面上没有任何交互,也没有触发页面回到原来的位置,所以我们在焦点的时候给他一个反馈丢了,这样标题描述的问题就可以完美结束了。我是一块砖,需要就搬