记一次ios系统输入框顶起页面后,没有自动回落问题的处理

开发一个前端项目的时候,遇到了一个很坑爹的问题。ios系统中测试输入内容时会顶起整个页面,然后点击页面元素交互的时候虽然输入框消失了,但是页面并没有自动落下来,导致整个页面的定位都乱掉了。

效果如图

虽然没搞懂具体的原理,安卓手机也没有这个问题,但是能看的出来出现问题是因为点击立即支付按钮的时候,页面没有滚回去。

解决办法:

在点击立即支付按钮的事件中加上如下代码

window.scrollTo(0,0)

第一个参数是水平坐标,第二个是垂直坐标,这样写就是把页面滚动到最顶部,这样就没问题了。

评论

(= ̄ω ̄=)··· 暂无内容!

回复

您还未登录,请先登录或者注册