首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

一些 H5 开发常遇到的问题

1. 弹出数字键盘

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

2. 调用系统的某些功能

同上‍

3. 打开原生应用

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

的基本格式如下:

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

注意事项:

4. 解决active伪类失效

5. 忽略自动识别

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

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

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

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

6. 禁止长按

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

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

7. 滑动不顺畅,粘手

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

优化代码:

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

9. 最简单的rem自适应

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

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

10. 滑动穿透

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

假设结构如下:

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

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

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

在看点这里

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

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券