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

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

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

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

    像这样

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

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

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

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

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

    技术最菜,头发最少
  • 相关阅读:
    HDU 1058
    Codeforces 349C
    HDU 2602
    HDU 2571
    HDU 2955
    HDU 2084
    HDU 1003
    HDU 1506 & 1505
    POJ 1854
    HDU 2095
  • 原文地址:https://www.cnblogs.com/gushengyan/p/11395769.html
Copyright © 2011-2022 走看看