关于h5唤起软键盘 把页面往上顶的问题。

h5前端,当用户唤起软键盘把页面往上顶总觉得很怪异。页面先是整体上移,然后又弹回去。

能不能只要输入区域在可视范围就别顶我页面啊,就算是超出了可视范围那也应该是页面上移啊。

我特么也是闲得蛋疼,为了避免这个问题 我禁用了原生键盘,写了个数字键盘。本来用得好好的。这又在原页面上多了一个备注需求..我固然可以写出全键盘的布局,英文键盘没问题。中文输入呢,我吐了啊

这个只能是做兼容处理,iOS跟安卓的行为不一致。
我现在做的是用 Element.scrollIntoViewIfNeeded() 这个方法来实现的兼容。

Element.scrollIntoViewIfNeeded()
方法用来将不在浏览器窗口的可见区域内的元素滚动到浏览器窗口的可见区域。如果该元素已经在浏览器窗口的可见区域内,则不会发生滚动

iso 和 安装 在 h5软键盘行为就是不一样的 一个是往上盖,一个是往上顶

你可以参考一下京东携程等、h5页面 他们的搜索框都是走到一个单页,然后搜索栏固定置顶的,

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632