HTML元素的布局与启用键盘

3

能否创建一个具有响应式高度并被启用键盘覆盖的HTML元素(比如div)?

我有以下情况:

enter image description here

我希望这个div可以像那样滚动

enter image description here

我知道我可以通过将div的高度设置为特定像素值来实现,但我希望在不同的移动设备上看起来相同。我尝试使用vh,但据我所知,它对应于视口高度,这与启用键盘时不同。是否可能使视口大小不可更改?

1个回答

0
不,虚拟键盘不是HTML,也不在DOM中——它是操作系统级别的组件,您的页面甚至不知道它的存在。
除非您正在构建本机应用程序,否则使用虚拟键盘来管理应用程序布局非常困难。在这种情况下,应用程序可以控制键盘的可见性并相应地调整其布局。在普通网页上,这几乎是不可能的。

你不能通过jQuery(https://dev59.com/T14c5IYBdhLWcg3wJnU-#28272408)检测页面调整大小,然后只需使用jQuery添加/删除类吗? - imvain2
该死,这很奇怪,居然没有这样的功能。所以每个人都要手动为每个设备单独管理吗? - kebie
实现因浏览器而异,没有可靠的方法来处理这个问题。 - Diodeus - James MacFarlane
@imvain2 对啊,我也考虑过那个方法,但感觉有点太复杂了,我相信应该有一些自动设置的机制。 - kebie
我真的花了几周时间来解决这个问题,最终采用了混合应用程序策略。 - Diodeus - James MacFarlane
显示剩余2条评论

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接