关于某个元素想吸附在软键盘上的实现方式

[jiayol]

请教各位大佬们，有什么好的实现方式嘛？ 求救！！！ 不是 app 不是 app 不是 app

[qwertyzzz]

看不懂

[codehz]

chrome 可以用 Virtual Keyboard API 来获取软键盘尺寸（移动端专属）
其他的很麻烦，可以参考下 https://interop-2022-viewport.netlify.app/combined/icb-fixed-visual/

[DOLLOR]

你的描述太模糊，我只能凭想象回答。
监测到虚拟键盘弹出时，假定虚拟键盘一定在屏幕 Y 轴方向底部，设置该元素 fixed 定位，bottom: 0 。

[apades]

@codehz 这个让我想起了搞 ios 的恶心了😂iphone 高度是准的，但 ipad 上面还有一行额外功能区没完全算进高度里，大概只有一半的高度

[jiayol]

@DOLLOR 我试过，但是 ios 通过 focus 也获取不到，相当于我无法知道软键盘的高度是多少，设置 fixed 好像也不起作用，它会自动变成 absolute

[jiayol]

@codehz 可以再说的细点嘛