移动端常见的兼容问题

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 时间显示

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();

你可能感兴趣的:(移动端常见的兼容问题)