!function () {
if (document.querySelector("body").clientHeight > window.innerHeight) { return false }
let t = null
$("body").on('focus', 'input,textarea', function () { if (t) clearTimeout(t) });
$("body").on('blur', 'input,textarea', function () {
// 200ms 是为了解决多个input 切换的时候 不需要回推页面
t = setTimeout(() => { document.body.scrollTop = document.documentElement.scrollTop = 0; }, 200)
});
}()
一屏式页面ios解决页面input导致页面内容错位问题
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- H5微信页面开发,软键盘弹起后,若原输入框被遮挡,页面整体将会上移,然而当输入框失焦,软键盘收起后,页面未恢复,导...
- 如图,软键盘弹起后,若原输入框被遮挡,页面整体将会上移,然而当输入框失焦,软键盘收起后,页面未恢复,这也是ios的...
- 具体问题 安卓手机HTML5页面中input\textarea聚焦时,弹出虚拟键盘导致页面背景向上移动,造成页面混...
- 问题 在较长的表单中,页面可能需要滑动,比如使用scroll-view标签, 在这种情况下,在苹果手机上使用Inp...