评论

解决input弹出键盘会导致placeholder内容上移

2020-07-22
6125浏览
9评论

解决input弹出键盘会导致placeholder内容上移

这是因为样式中有 height:100vh;或 height:100%

把height属性删除就行啦





这是因为样式中有 height:100vh;或 height:100%

把height属性删除就行啦


:-----------------------------------------------------------------------------------------------------



最后一次编辑于  2020-11-09  
点赞 8
收藏
评论

9 个评论

  • 来吧伙计
    来吧伙计
    2021-03-22

    借花献佛，我通过如下方式解决的 input上移的问题

    <view style="overflow:hidden">
  <scroll-view style="height:99.99%;width:100%;box-sizing:border-box;padding:0;" scroll-y="true">
    2021-03-22
    赞同 3
    回复 1
    • 彷徨
      彷徨
      2023-02-07
      可以的，包一层view解决了，感谢
      2023-02-07
      赞
      回复
  • 小岳
    小岳
    2020-12-03

    太谢谢了，原来是这出的问题！！！！！！！！！！

    2020-12-03
    赞同 2
    回复
  • 小宋同学
    小宋同学
    2021-02-01

    特意登录给楼主点赞，非常感谢

    2021-02-01
    赞同 1
    回复
  • Dv殷魄
    Dv殷魄
    2021-01-06

    我是页面根元素有height:100%，去掉之后确实解决了

    2021-01-06
    赞同 1
    回复
  • 鱼与雨于语
    鱼与雨于语
    2021-01-05

    用的scroll-view必须设定高度，没有办法用这种方式解决

    2021-01-05
    赞同 1
    回复 4
    • 小宋同学
      小宋同学
      2021-02-01
      你直接使用view，内容大于一屏后，页面也是可以滑动的
      2021-02-01
      赞 1
      回复
    • WzW
      WzW
      2021-02-04回复小宋同学
      我也是用的scroll-view，请问直接用view怎么做scroll-into-view功能？小程序可以用Element.scrollIntoView()吗？
      2021-02-04
      赞 1
      回复
    • WzW
      WzW
      2021-02-04
      你好，请问使用scroll-view的话，你找到解决办法了吗
      2021-02-04
      赞
      回复
    • (´･ω･`)
      (´･ω･`)
      2021-02-05回复WzW
      scroll-view高度只要小于100%就可以使用
      2021-02-05
      赞 2
      回复
  • 2020-08-05

    感谢你，解决了我的问题，哈哈哈

    2020-08-05
    赞同 1
    回复
  • 浪得一身野气
    浪得一身野气
    2022-07-08

    加上height能解决穿透，但安卓input框编辑时点击框内容上移，ios没问题！真是难以取舍。

    2022-07-08
    赞同 2
    回复
  • 样
    样
    2023-09-02

    我也特意登录给楼主点赞，非常感谢

    2023-09-02
    赞同 1
    回复
  • Tammy
    Tammy
    01-11

    input标签加always-embed，强制同层渲染

    01-11
    赞同
    回复
请 登录 后发表内容
作者介绍

文章标签
textarea上移inputheight