美文网首页
H5注意事项

H5注意事项

作者: 小北呀_ | 来源:发表于2019-12-16 14:57 被阅读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

    相关文章

      网友评论

          本文标题:H5注意事项

          本文链接:https://www.haomeiwen.com/subject/dyqdnctx.html