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

ios环境下 html页面关闭软键盘后出现 “白块” 的解决方案

时间:2023-04-05 00:15:25 HTML5

ios环境下html页面关闭软键盘后出现“白块”的解决办法但是在部分苹果测试机上发现软键盘退出时会多出一块区域,导致窗口变成更小。大多数人提供的解决方案如下图是//添加onblur监听事件window.scrollTo(0,0)确实可以解决,但是为什么一定要回滚到顶部呢?如果当时的输入在第一屏之外,这样的用户体验是很差的。既然默认给它一个滚动就够了,那我们就来个相对滚动就OK//相对于当前滚动位置向下滚动1个像素。window.scrollBy(0,1)更好吗?当然,考虑到当前滚动条位置在底部,做个判断,让它向上滚动1个像素