评论

input键盘弹出时,滚动页面,输入框内容错位问题

解决在弹出键盘时,快速滚动页面,导致输入框内容的错位问题

在ios9.+的版本上,遇到了一个问题。在键盘弹出的时候,快速滚动页面,输入的内容或input提示语会错位。且有时无法恢复到原有位置。当然,前提是你这个页面是超过一屏需要滚动的时候

解决办法:

always-embed=true




最后一次编辑于  2022-04-18  
点赞 10
收藏
评论

14 个评论

  • 发财
    发财
    2022-03-27

    我是用uni-app+uview-ui写的。也出现了这个问题。最后将父元素设置的高度100vh去掉好了。

    <template>
      <view class="content">
      </view>
    </template>
    <style>
    .content {
      // height: 100vh;
      overflow-y: auto;
    }
    </style>
    
    2022-03-27
    赞同 5
    回复 9
    • 奇怪の东西
      奇怪の东西
      2022-04-24
      确实有用
      2022-04-24
      回复
    • healer
      healer
      2022-09-04
      有用
      2022-09-04
      回复
    • 负重@前行
      负重@前行
      2023-05-26
      height: calc(100vh - 1px);
      2023-05-26
      回复
    • 负重@前行
      负重@前行
      2023-05-26回复负重@前行
      把高度设置为这个可以,亲测有效
      2023-05-26
      回复
    • 1366729
      1366729
      2023-06-01
      光标定位的错位解决了,但是又有新的问题。设置高度100vh-1后。如果输入框是页面打开的弹窗里的。会导致页面会把弹窗顶上去。
      2023-06-01
      回复
    查看更多(4)
  • 黄小羽
    黄小羽
    2020-09-02

    试一下这个属性 always-embed = true

    2020-09-02
    赞同 3
    回复 4
    • 平淡是真!
      平淡是真!
      2020-09-11
      有效
      2020-09-11
      回复
    • 欧华贤
      欧华贤
      2020-12-07
      有效+1
      2020-12-07
      回复
    • 电单车
      电单车
      2021-08-20
      当页面很长时,添加这个属性,页面底部input聚焦后,页面有概率会自动滚到顶部,太愁人了,我还是用了楼主的方法,目前有效,就是麻烦
      2021-08-20
      回复
    • Kinsey
      Kinsey
      2021-09-23
      有效+2
      2021-09-23
      回复
  • shao
    shao
    2021-01-06

    最后 还是父容器 没有用scroll-view 用的view height:auto 解决的

    2021-01-06
    赞同 2
    回复 1
    • 陈嘉丽
      陈嘉丽
      2023-05-05
      好棒
      2023-05-05
      回复
  • 等等等===
    等等等===
    2020-11-23

    用第二种方法,我也遇到了,input会先错位再回位的情况,视觉上很明显

    2020-11-23
    赞同 1
    回复 1
    • SS
      SS
      2020-11-24
      或者你可以试试别人提到的 always-embed = true
      2020-11-24
      回复
  • 古怪肥猫
    古怪肥猫
    2020-05-26

    我们也遇到这个问题,scroll-view中使用input在ios端会出现这种错位

    2020-05-26
    赞同 1
    回复 1
    • SS
      SS
      2020-05-27
      哈哈 可以尝试下我说的方法
      2020-05-27
      回复
  • Fly
    Fly
    2023-05-25

    当你用了scroll-view,还有一种就是你在index.json里加了"disableScroll":true,造成的,去掉即可

    2023-05-25
    赞同
    回复
  • 是蔡不是菜
    是蔡不是菜
    2023-05-18

    always-embed="true"还是无效

    2023-05-18
    赞同
    回复
  • default
    default
    2022-10-12

    有用,牛逼,比官方靠谱多了

    2022-10-12
    赞同
    回复
  • bug
    bug
    2022-04-30

    我用的是wepy,感觉用第一种方法还是会有这个问题

    2022-04-30
    赞同
    回复
  • 我母鸡啊!
    我母鸡啊!
    2020-07-18

    哈哈哈哈 同样遇到了这个问题,学习了

    2020-07-18
    赞同
    回复

正在加载...

登录 后发表内容