解决jQuery动态获取手机屏幕高和宽的问题

248 阅读 0 评论 164 点赞

我是靠谱客的博主温柔电源，最近开发中收集的这篇文章主要介绍解决jQuery动态获取手机屏幕高和宽的问题，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

今天帮同事解决了用jQuery获得动态的手机屏幕宽高的问题。

问题的起因是，当同事用了一个需要全屏滚动的图片控件时，需要获得屏幕的高度来设置图片为全屏。但是他用$(window).height()始终无法第一次拿到高，刷新一下后就可以，我尝试了使用window.onload=function(){}来解决，发现依然无法成功。

最后，我认为一定是因为第二次刷新时，浏览器有了缓存，所以就可以拿到了高，那么肯定是页面加载DOM的时间差，导致了这个问题，于是就使用了setTimeout(方法名,500);做了延时500毫秒，结果就正常了。

所以当朋友们无法获得屏幕宽高时，不妨用这个试试