我的网站上有私信功能。消息窗口是一个固定元素。
position: fixed;
bottom: 0;
在iOS上,当打开位于消息窗口最下方的输入时,键盘会简单地将整个网站推到顶部,这样你仍然可以看到你正在输入的内容。
然而,在Android上,键盘只是简单地覆盖了所有的东西,所以你再也看不到输入元素了。
我怎么做才能让它在iOS和Android上都能使用?
一种方法是存储初始窗口(viewport)高度,并在窗口resize事件上进行比较。假设在99%的情况下,智能手机上的窗口大小不会改变,你可以假设键盘正在显示。但是,对我来说,这有点黑客化。