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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

› Vue.js

这是一个创建于 127 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

6 条回复 • 2024-07-30 22:27:02 +08:00

qwertyzzz

127 天前

看不懂

codehz

127 天前

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

DOLLOR

127 天前

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

apades

126 天前 via Android

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

jiayol

121 天前

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

jiayol

121 天前

@codehz 可以再说的细点嘛