一些 H5 开发常遇到的问题

1. 弹出数字键盘

跟的表现形式应该不一样,大家可以自己试试。当运用了正则后,就不用关注的类型了

2. 调用系统的某些功能

同上‍

3. 打开原生应用

这种方式叫做,是一种协议,一般用来访问或者中的某个功能/页面(如唤醒后打开指定页面或者使用某些功能)

的基本格式如下:

一般是由开发者自己定义,比如规定一些或者让其他开发者来访问,就像上面的例子

注意事项:

4. 解决active伪类失效

5. 忽略自动识别

6. 解决input失焦后页面没有回弹

一般出现在,出现的条件为:

所以一般在页面上方或者顶部都不会出现无法回弹

解决办法为,在聚焦时,获取当前滚动条高度,然后失焦时,赋值之前获取的高度:

6. 禁止长按

以上行为可以总结成这几个(每个手机以及浏览器的表现形式不一样):、、。

想要禁止这些浏览器的默认行为,可以使用以下:

7. 滑动不顺畅,粘手

一般出现在设备中,自定义盒子使用了后出现的情况。

优化代码:

8. 屏幕旋转为横屏时,字体大小会变

9. 最简单的rem自适应

大家都知道,的值是根据相对计算的,但是我们每个设备的大小不一样,所以要动态设置

像我一般的话,直接搞、就完事啦!

10. 滑动穿透

当你想在出现的时候,锁住用户的滚动行为,你可以这么做。

假设结构如下:

可以看到,当在上滑动的时候,是会穿透到父节点的,最简单的办法就是阻住默认行为:

如果也有滚动条,那么只要阻止本身就行:

这样,当出现的时候用户的滑动就会被锁住啦

在看点这里

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20191011A0E1O700?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券