欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-02-18 13:42:28
今天帮同事解决了用jquery获得动态的手机屏幕宽高的问题。 问题的起因是,当同事用了一个需要全屏滚动的图片控件时,需要获得屏幕的高度来设置图片为全屏。但是他用$(windo...

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

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

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

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