安卓html输入框推起页面,移动端input输入框调起,页面上推,输入框关闭无法恢复...

最近做h5 input调起输入框,页面上推,输入框关闭无法恢复的问题,当时就觉得很奇怪,因为是整个body上推 ,无法恢复,但是稍微点击一下屏幕,body就恢复了,所以当时想的解决方案就是当输入框失去焦点的可以让页面动一下。

首先给input绑定上失去焦点函数

(这里用的vue写法)

所以想到的第一个解决方案就是

blur:function(){

setTimeout(()=>{

document.body.style.paddingBottom = "10px"

setTimeout(()=>{

document.body.style.paddingBottom = "0px"

},100)

},100)

}

确实生效了,可是感觉代码好多,后来就在网上找到了别人的一种解决方案

blur:function(){

scrollTo(0, pageYOffset)

}

当前也生效了就成功解决那个body上推无法回复的问题(上述问题,发生在ios系统上)

原文:https://www.cnblogs.com/ruby-tx/p/10449058.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值