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

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

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

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

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