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})//打开默认事件