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

2019-12-21,,

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

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

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

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

您可能感兴趣的文章:

  • jquery验证手机号码、邮箱格式是否正确示例代码
  • jquery实现手机发送验证码的倒计时代码
  • 使用jquery.validate自定义方法实现"手机号码或者固话至少填写一个"的逻辑验证
  • JQuery仿小米手机抢购页面倒计时效果
  • 基于jquery实现发送文章到手机的代码
  • jQuery手机浏览器中拖拽动作的艰难性分析
  • jQuery实现手机号码输入提示功能实例
  • jQuery+HTML5实现手机摇一摇换衣特效
  • jquery实现手机号码选号的方法
  • jQuery实现的手机发送验证码倒计时效果代码分享
  • jQuery手机拨号界面特效代码分享

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

下载本文的Word格式文档,以方便收藏与打印。