收藏
回答

在scroll-view中使用input,input键盘弹出时,滚动页面,输入框内容会出现错位问题?

回答关注问题邀请回答
收藏

7 个回答

  • 橘子
    橘子
    2020-10-27

    特意为这个问题注册了账号。

    一句话描述一下解决方式:不要给scroll-view 指定height=100vh;

    解决过程:

    1. 大家可以看下官网的demo在自己的手机上预览是否是好的。

    https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html

    (当然,要自己手动将input输入框添上去)

    2.手机预览之后发现,并没有出现错位,(小米8),然后就对比官网用法和自己不一样的地方。

    主要的不同是这一句,我将height改成50vh,发现果然好使。也就是说,不能写100vh呗,

    我改成95vh,试了下,成功。满足了需求。

    啥也不是!!!

    害~~


    2020-10-27
    有用 9
    回复 4
    • 炫
      2021-06-23
      挖槽牛逼有效
      2021-06-23
      回复
    • 迷向
      迷向
      2021-09-16
      大佬六六六啊
      2021-09-16
      回复
    • 人类
      人类
      2022-03-16
      大佬啊,困扰了我老半天
      2022-03-16
      回复
    • 不睡覺的豬
      不睡覺的豬
      2023-12-12
      场景:
      页面没有使用scroll-view,页面父元素使用了height:100vh,在底部弹窗里使用input,这时,内容错位,去掉父元素100vh设置,好了。。。这都啥都啥啊
      2023-12-12
      回复
  • 古怪肥猫
    古怪肥猫
    2020-06-24

    有两个解决方式,一个是在input聚焦的时候,不允许scrollview滑动,失焦后允许滑动.(比较好)

    另外一个overflow-y: auto样式不使用scroll-view

    2020-06-24
    有用
    回复 3
  • 小乐子
    小乐子
    2020-06-19

    input 只要调起键盘 滚动页面就会发生内容悬浮屏幕上的问题

    2020-06-19
    有用
    回复
  • xuz
    xuz
    2020-06-16

    还没解决

    2020-06-16
    有用
    回复
  • 辛
    2020-06-13

    解决了吗?

    2020-06-13
    有用
    回复
  • 灵芝
    灵芝
    2020-05-27

    你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2020-05-27
    有用
    回复 2
    • xuz
      xuz
      2020-06-16
      什么时候能解决
      2020-06-16
      回复
    • 灵芝
      灵芝
      2020-06-17回复xuz
      请按上述提示提供信息看下
      2020-06-17
      回复
  • Code Weaver
    Code Weaver
    2020-05-26

    加了fixed属性么?

    2020-05-26
    有用
    回复 1
    • 古怪肥猫
      古怪肥猫
      2020-05-26
      没有使用这个属性
      2020-05-26
      回复
登录 后发表内容
问题标签