移动端常见的兼容问题

1.ios  position:fixed 失效

    解决办法:换成 position:absoulte

2.ios键盘消失后页面元素位置错乱

    导致原因:键盘消失后,窗口resize

    解决办法:键盘消失后页面滚动到顶部,window.scrollTo(0,0)

    var u = navigator.userAgent;

            var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

            //解决ios键盘唤起后,收回页面不回滚导致错位的问题

            $("textarea").blur(function () {

                if (isiOS) {

                    window.scrollTo(0, 0);

                }

      });


3.js 时间转时间戳iOS 时间显示<NaN>

js 时间转时间戳iOS 时间显示 - 简书

服务端返回的日期格式 2019-01-17 15:28:00

let startTime = new Date('2019-01-17 15:28:00').getTime();

let startTime = new Date('2019-01-17 15:28:00').valueOf();

解决方法

1.使用新的时间格式 2019/01/17 15:28:00

letstartTime =newDate('2019/01/17 15:28:00').getTime();

letstartTime =newDate('2019/01/17 15:28:00').valueOf();

    2.本地处理把 “-” 替换为 “/”

letstartTime =newDate('2019/01/17 15:28:00'.replace(/-/g,'/')).getTime();

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容