收藏
回答

input在overflow-y:auto里focus错位?

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug input 微信安卓客户端 7.0.14 2.11.0(2020.5.11 14:41:30)


复现操作:

顶部无滚动,input focus后正常位置:

滚动一定距离,再focus input:

机型及版本:

IOS下正常:

机型及版本:

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

1 个回答

  • They Say
    They Say
    05-21

    把overflow:auto去掉

    键盘弹起会把页面往上顶,input在聚焦的时候是原生组件,可以理解为在页面上随着被顶上去了。但是你的.page容器是overflow:auto的,没有上去。所以就看着错位

    overflow:auto去掉之后,.page和input一起被顶上去,看着就正常了


    第二种方案,用textarea代替input,textarea有fixed属性

    05-21
    有用
    回复 1
    • yanetut
      yanetut
      05-21
      感谢回答!
      因为page用perspective做了视差,应该是要overflow auto的吧;
      方案2也不是想基于视窗fixed,而是想随页面正常滚动;
      也怀疑是不是使用限制,但是IOS下又貌似是正常的,所以来问一下。
      05-21
      回复
登录 后发表内容
问题标签