小程序
小游戏
企业微信
微信支付
扫描小程序码分享
复现操作:
顶部无滚动,input focus后正常位置:
滚动一定距离,再focus input:
机型及版本:
IOS下正常:
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
把overflow:auto去掉
键盘弹起会把页面往上顶,input在聚焦的时候是原生组件,可以理解为在页面上随着被顶上去了。但是你的.page容器是overflow:auto的,没有上去。所以就看着错位
overflow:auto去掉之后,.page和input一起被顶上去,看着就正常了
第二种方案,用textarea代替input,textarea有fixed属性
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
把overflow:auto去掉
键盘弹起会把页面往上顶,input在聚焦的时候是原生组件,可以理解为在页面上随着被顶上去了。但是你的.page容器是overflow:auto的,没有上去。所以就看着错位
overflow:auto去掉之后,.page和input一起被顶上去,看着就正常了
第二种方案,用textarea代替input,textarea有fixed属性
因为page用perspective做了视差,应该是要overflow auto的吧;
方案2也不是想基于视窗fixed,而是想随页面正常滚动;
也怀疑是不是使用限制,但是IOS下又貌似是正常的,所以来问一下。