美文网首页
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项目常见问题汇总及解决方案

    H5项目常见问题及注意事项 Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 //一、HTM...

  • H5项目常见问题汇总及解决方案

    转自 https://github.com/FrontEndZQ/HTML5-FAQ H5项目常见问题及注意事项 ...

  • H5项目常见问题汇总及解决方案

    H5项目常见问题及注意事项Meta基础知识:H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 空白页基本meta...

  • H5项目常见问题及注意事项

    H5项目常见问题及注意事项 转自:https://www.open-open.com/lib/view/open1...

  • H5注意事项

    1. ios部分机型真机(6s)上滚动会有卡顿,凡是样式有:overflow:auto 或者overflow:sc...

  • 移动端中H5开发,注意事项

    在移动端中H5开发,注意事项:1、css使用flex模型2、* 杀伤力太大,拒绝使用3、Neat.css 初始化标...

  • h5开发注意事项

    1.display属性提供了一个webkit-box的值,它可以帮助前端工程师做到盒子模型灵活控制。 2、如何关闭...

  • 微信小程序跳转

    最近整理了下微信官方提供的微信小程序与小程序、h5、公众号、app应用的跳转实现方式及一些规则注意事项 小程序-》...

  • 微信h5分享注意事项

    微信h5分享注意事项 分享的地址,url 必须是js安全域名下的 分享的图片,url在js安全域名下,且大小不能超...

  • 【转】H5项目常见问题及注意事项

    H5项目常见问题及注意事项 在微信上看到的文章,对于移动端开发遇到的问题总结的十分的详细转自https://git...

网友评论

      本文标题:H5注意事项

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