首页 > 在iphone弹出层出现了第一次点击和第二次点击的效果不一致

在iphone弹出层出现了第一次点击和第二次点击的效果不一致

图片描述

这是第一次点击按钮后出现的弹出层

这是关闭刚打开的弹出层后再次点击按钮出现的弹出层,第二次出现的弹出层才是自己想要的,想请问下为什么会出现这种情况,测试了ipad ,lg手机暂时没发现问题iphone4s ,6都有问题


根据你的描述和对业务场景的猜测, 既然是第二次打开正常, 说明很有可能第一次是render这个复层并显示, 第二次是直接显示, 可能是render的时候有一些判断没取到, 不生效吧.

如果是的话, 尝试一开始就将浮层渲染好但是隐藏放在页面, 点击"按钮"时只是display:block, 而不是现场渲染.

另外, 这个页面设计有些不符合移动端对于表单的交互标准, 建议重构做一个独立页面.
另外看样子你的select是点击后会在当前位置下来, 像PC上一样. 在移动端这种交互可以采用类似ActionSheet的下弹, 增加可点和焦点区域.

【热门文章】
【热门文章】