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
网友评论