解决ios移动端双击页面下移

最新推荐文章于 2021-12-04 14:30:51 发布

RabinRow

最新推荐文章于 2021-12-04 14:30:51 发布

阅读量461

点赞数

原文链接：http://www.cnblogs.com/yycc11/p/8865935.html

版权

ios移动端在双击弹出层的时候会出现页面下移，露出底层页面的现象

解决办法：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script>
            (function() {
                var agent = navigator.userAgent.toLowerCase(); //检测是否是ios
                var iLastTouch = null; //缓存上一次tap的时间
                if(agent.indexOf('iphone') >= 0 || agent.indexOf('ipad') >= 0) {
                    document.body.addEventListener('touchend', function(event) {
                        var iNow = new Date().getTime();
                        iLastTouch = iLastTouch || iNow + 1 /** 第一次时将iLastTouch设为当前时间+1 */ ;
                        var delta = iNow - iLastTouch;
                        if(delta < 500 && delta > 0) {
                            event.preventDefault();
                            return false;
                        }
                        iLastTouch = iNow;
                    }, false);
                }
            })();
        </script>
    </body>
</html>