zoukankan      html  css  js  c++  java
  • 苹果系统弹出键盘造成可视高度挤压问题

    之前一直困扰着一个问题,就是手机经常会提交表单,然后弹框,就需要输入,这个时候键盘就会弹出来,有一次测试的时候发现苹果在选择选项之后想要提交,但是按钮死活点不动。今天心血来潮决定一定要解决这个问题。

    其实想一想应该挺简单的。

    在ios系统中,微信浏览器底部是有下滑空间的

    像这样

    当键盘弹出,没有挤压到按钮,这个时候提交是没有问题的。

    但是当视口高度挤压之后,按钮会在可视范围之内,但是按钮本体呢,其实并没有在可是范围内。键盘收起之后,画面弹回去,但是实际的情况是这样的。

    可以看到蒙版已经缩放正常了,但是底下依旧是留白部分,我猜这就是为啥按钮点不动的原因,这是一个没有灵魂的按钮hhhhhh。

    于是在select 进行change动作之后,手动把window的scroll设置为0.

    当当当当,问题解决,现在按钮的灵魂能够灵活归位了。 

    技术最菜,头发最少
  • 相关阅读:
    11
    961. N-Repeated Element in Size 2N Array
    用numpy.pad()对图像进行填充及简单的图像处理
    709. To Lower Case
    929. Unique Email Addresses
    771. Jewels and Stones
    谭凯---访谈录
    如何拍照
    主题阅读法
    社会各职业工作重心和流程
  • 原文地址:https://www.cnblogs.com/gushengyan/p/11395769.html
Copyright © 2011-2022 走看看