V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
jiayol
V2EX  ›  Vue.js

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

  •  
  •   jiayol · 147 天前 · 1540 次点击
    这是一个创建于 147 天前的主题,其中的信息可能已经有所发展或是发生改变。

    请教各位大佬们,有什么好的实现方式嘛? 求救!!! 不是 app 不是 app 不是 app

    6 条回复    2024-07-30 22:27:02 +08:00
    qwertyzzz
        1
    qwertyzzz  
       147 天前
    看不懂
    codehz
        2
    codehz  
       147 天前
    chrome 可以用 Virtual Keyboard API 来获取软键盘尺寸(移动端专属)
    其他的很麻烦,可以参考下 https://interop-2022-viewport.netlify.app/combined/icb-fixed-visual/
    DOLLOR
        3
    DOLLOR  
       147 天前
    你的描述太模糊,我只能凭想象回答。
    监测到虚拟键盘弹出时,假定虚拟键盘一定在屏幕 Y 轴方向底部,设置该元素 fixed 定位,bottom: 0 。
    apades
        4
    apades  
       146 天前 via Android
    @codehz 这个让我想起了搞 ios 的恶心了😂iphone 高度是准的,但 ipad 上面还有一行额外功能区没完全算进高度里,大概只有一半的高度
    jiayol
        5
    jiayol  
    OP
       141 天前
    @DOLLOR 我试过,但是 ios 通过 focus 也获取不到,相当于我无法知道软键盘的高度是多少,设置 fixed 好像也不起作用,它会自动变成 absolute
    jiayol
        6
    jiayol  
    OP
       141 天前
    @codehz 可以再说的细点嘛
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2601 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 15:43 · PVG 23:43 · LAX 07:43 · JFK 10:43
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.