移动键盘上方的位置元素

时间:2017-07-20 02:38:45

标签: html css css-position

我试图将元素直接放在移动键盘上方。即:绝对/固定到页面底部的位置,但是通过键盘向上推(或者向上推动键盘的等效高度)。

通常这是所期望的相反行为,并且很多人都在为保持底层元素而努力。我觉得我记得以前打过同样的战斗......

但是现在我希望它能够移动,但事实并非如此。 (当然!)

我现在关注的是iOS Safari,但更喜欢跨浏览器。

当键盘打开时,似乎旧版本的iOS更改了window.innerHeight,无论好坏。但事实并非如此。这可以解释为什么我没有看到我期望看到的......

我一直在玩各种定位的父元素而没有运气。

这甚至可能吗?或者键盘现在是否与视口完全分离?

2 个答案:

答案 0 :(得分:2)

这是不可能的。键盘似乎是它自己的实体,或者如你所说,从视口分离。

答案 1 :(得分:0)

虽然您无法准确地将元素修复到键盘,但我建议您可以使用JavaScript并添加一个类,该类将固定元素提升到与键盘相同的高度。

键盘尺寸可在此处找到: What is the height of iPhone's onscreen keyboard?