前端兼容性问题

最新推荐文章于 2024-09-15 00:30:13 发布

weixin_30896511

最新推荐文章于 2024-09-15 00:30:13 发布

阅读量94

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/lml-lml/p/10476514.html

版权

1，安卓微信环境会把页面顶起

解决办法：

 var broswer = sessionStorage.getItem("temp");
    var u = navigator.userAgent;
    var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
    var flag;
    var myFunction;
    if (broswer == "wx" && isiOS) {
      document.body.addEventListener("focusin", () => {
        //软键盘弹起事件
        flag = true;
        clearTimeout(myFunction);
      });
      document.body.addEventListener("focusout", () => {
        //软键盘关闭事件
        flag = false;
        if (!flag) {
          myFunction = setTimeout(function() {
            window.scrollTo({ top: 0, left: 0, behavior: "smooth" });
          }, 200);
        } else {
          return;
        }
      });
    } else {
      return;
    }

2, ie浏览器 ie9的时候不支持flex布局

解决办法：用float布局

3, ios12以下的版本嵌套在微信公众号的iframe不能滑动

解决办法：

<!doctype html>
<html lang="en">

    <head>
        <style>

        </style>
        <meta charset="UTF-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
        <title>Document</title>
    </head>

    <body>
        <div style="height:100%">  
            <div style="webkit-overflow-scrolling: touch;overflow-y:scroll">  
                <iframe style="width:100%;height:100%" frameborder="0" src="http://res-md.jingbaotech.com/clause/fd-lgb-gryw.html"></iframe>
            </div>
        </div>

    </body>

</html>

转载于:https://www.cnblogs.com/lml-lml/p/10476514.html