IOS获取焦点页面上移问题

var u = navigator.userAgent;
var flag;
var myFunction;
var isIOS = !!u.match(/(i¹+;( U;)? CPU.+Mac OS X/);
if (isIOS) {

document.body.addEventListener('focusin', () => {  //软键盘弹起事件flag = true;clearTimeout(myFunction);
})
document.body.addEventListener('focusout', () => { //软键盘关闭事件flag = false;if (!flag) {myFunction = setTimeout(function () {window.scrollTo({ top: 0, left: 0, behavior: "smooth" })//重点  =======当键盘收起的时候让页面回到原始位置(这里的top可以根据你们个人的需求改变，并不一定要回到页面顶部)}, 200);} else {return}
})

} else {

return

}

; ↩

IOS获取焦点页面上移问题相关推荐

IOS系统中input标签获取焦点页面会放大的问题
IOS系统中input标签获取焦点页面会放大的问题在iOS系统中打开网页,input框输入时,输入框获取焦点的时候页面会放大,如果没有经过设置,页面放大之后就不会自动还原.使内容撑开浏览器,底部产生 ...
苹果手机vue网页弹窗中input失去焦点的时候造成页面上移
问题:苹果手机vue网页弹窗中input失去焦点的时候造成页面上移解决: <input type="text" class="userNameInput" ...
解决IOS滑动页面fixed浮动问题
解决IOS滑动页面fixed浮动问题参考文章: (1)解决IOS滑动页面fixed浮动问题 (2)https://www.cnblogs.com/jeremy5810/p/7681816.html ...
iOS之页面布局-踩坑的原由
iOS之页面布局原文请点击在<iOS 7 UI Transition Guide>中有在<iOS 7 UI Transition Guide>的Bar and Bar Bu ...
android界面布局错位,IOS 浏览器页面布局错位（如：点不到）的分析与解决
IOS 浏览器页面布局错位(如:点不到)的分析与解决 IOS 浏览器软键盘的拉起与收缩.微信 IOS 浏览器底部导航条的显示与隐藏,很容易导致页面布局错位(相对窗体的绝对定位元素): 明明按钮在这里, ...
[html] iOS下页面如何启动加载时显示画面图片？如何设置大小？它有什么好处？
[html] iOS下页面如何启动加载时显示画面图片?如何设置大小?它有什么好处? <link rel="apple-touch-startup-image" href=&q ...
微信IOS访问页面，返回的时候页面空白
微信IOS访问页面,点击跳转,返回页面空白,手势动一下内容就出来了. 是微信IOS的缓存的原因,且页面使用了rem导致. 解决办法,在页面中针对IOS做一次hack,重置页面的font-size,让页 ...
iOS UIDocumentPickerViewController页面列表底部有一截空白【已解决】
iOS UIDocumentPickerViewController 页面列表底部有一截空白? 求助大神,不知道是为什么?如图
uniapp input或textarea键盘弹起页面上移
单独设置adjust-position="false"不生效,将整个view设置绝对定位,再获取键盘弹起/收起事件,参考文章: 解决uni-app微信小程序input输入框在底部时 ...

IOS获取焦点页面上移问题

IOS获取焦点页面上移问题相关推荐

最新文章

热门文章