h5常见问题

1.弹出数字键盘

<input type="tel">

<input pattern="\d*">

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

2.图片从接口请求渲染时，当图片还未请求过来时或者请求失败时，此时的src属性为空，在谷歌浏览器和苹果手机上会显示默认边框。如果img标签是通过循环渲染出来的就不会出现这种情况。

解决：img[src=“”],img:not([src]){opacity:0;}

3.移动端没有scroll事件，需要通过touchmove来监听，注意scrollTop兼容
var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;

4.利用transform:scale(xxx)缩小元素时，元素本身大小变化，但元素所占区域大小不变。该元素后的元素可视transform-origin情况进行margin-top调节。

5.Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。手动进行相关操作会打断元素滚动动画。
eg:
var element = document.getElementById(“box”);
element.scrollIntoView({behavior: “smooth”, block: “start”, inline: “nearest”});

注意：取决于其它元素的布局情况，此元素可能不会完全滚动到顶端或底端。出现这种情况可以让元素滚动一段时间时直接scrollTop = scrollHeight让该元素滚动到底部。