解决jQuery动态获取手机屏幕高和宽的问题
人气:0
今天帮同事解决了用jQuery获得动态的手机屏幕宽高的问题。
问题的起因是,当同事用了一个需要全屏滚动的图片控件时,需要获得屏幕的高度来设置图片为全屏。但是他用$(window).height()始终无法第一次拿到高,刷新一下后就可以,我尝试了使用window.onload=function(){}来解决,发现依然无法成功。
最后,我认为一定是因为第二次刷新时,浏览器有了缓存,所以就可以拿到了高,那么肯定是页面加载DOM的时间差,导致了这个问题,于是就使用了setTimeout(方法名,500);做了延时500毫秒,结果就正常了。
所以当朋友们无法获得屏幕宽高时,不妨用这个试试
问题的起因是,当同事用了一个需要全屏滚动的图片控件时,需要获得屏幕的高度来设置图片为全屏。但是他用$(window).height()始终无法第一次拿到高,刷新一下后就可以,我尝试了使用window.onload=function(){}来解决,发现依然无法成功。
最后,我认为一定是因为第二次刷新时,浏览器有了缓存,所以就可以拿到了高,那么肯定是页面加载DOM的时间差,导致了这个问题,于是就使用了setTimeout(方法名,500);做了延时500毫秒,结果就正常了。
所以当朋友们无法获得屏幕宽高时,不妨用这个试试
加载全部内容