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

V2EX = way to explore

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

For Existing Member Sign In

› Vue.js

This topic created in 644 days ago, the information mentioned may be changed or developed.

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

6 replies • 2024-07-30 22:27:02 +08:00

asLw0P981N0M0TCC

Jul 24, 2024

看不懂

codehz

Jul 24, 2024

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

AV1

Jul 24, 2024

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

apades

Jul 25, 2024 via Android

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

jiayol

Jul 30, 2024

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

jiayol

Jul 30, 2024

@codehz 可以再说的细点嘛