H5注意事项

2019-12-16  本文已影响0人  小北呀_

1. ios部分机型真机(6s)上滚动会有卡顿,凡是样式有:overflow:auto 或者overflow:scroll,再加上一句即可:

 overflow-y: auto;
-webkit-overflow-scrolling: touch;

2.vue引入echarts,当图表宽度超过7400px时,图表内无内容。解决方法目前是只能把图表宽度控制在范围内

3.vue引入echarts,点击悬浮小黑框显示,层级较高,若页面有弹框,大概率echarts的悬浮会负载弹框之上。

解决方法:可以让弹框显示时让echarts悬浮隐藏。
 this.myChart.setOption({
      tooltip:{
        //控制悬浮显示或隐藏
          show:false
       }
});

4.ios滚动穿透问题,页面有定位元素,ios滚动时会穿透。

可以使页面body不滚动
 document.getElementsByTagName('body')[0].addEventListener('touchmove', this.handler, {passive:false})//阻止默认事件

当定位元素隐藏时,再打开默认事件
 document.getElementsByTagName('body')[0].removeEventListener('touchmove', this.handler, {passive:false})//打开默认事件

5.微信上fixed定位,在ios上会有错误,点不到这个标签,换成absolute就好了,而且z-index也有局限性。

6.一些弹框穿透事件是因为移动端对@click很敏感,用@touchstart

上一篇下一篇

猜你喜欢

热点阅读