解决jQuery动态获取手机屏幕高和宽的问题
2014-05-07 00:00
483 查看
今天帮同事解决了用jQuery获得动态的手机屏幕宽高的问题。
问题的起因是,当同事用了一个需要全屏滚动的图片控件时,需要获得屏幕的高度来设置图片为全屏。但是他用$(window).height()始终无法第一次拿到高,刷新一下后就可以,我尝试了使用window.onload=function(){}来解决,发现依然无法成功。
最后,我认为一定是因为第二次刷新时,浏览器有了缓存,所以就可以拿到了高,那么肯定是页面加载DOM的时间差,导致了这个问题,于是就使用了setTimeout(方法名,500);做了延时500毫秒,结果就正常了。
所以当朋友们无法获得屏幕宽高时,不妨用这个试试
问题的起因是,当同事用了一个需要全屏滚动的图片控件时,需要获得屏幕的高度来设置图片为全屏。但是他用$(window).height()始终无法第一次拿到高,刷新一下后就可以,我尝试了使用window.onload=function(){}来解决,发现依然无法成功。
最后,我认为一定是因为第二次刷新时,浏览器有了缓存,所以就可以拿到了高,那么肯定是页面加载DOM的时间差,导致了这个问题,于是就使用了setTimeout(方法名,500);做了延时500毫秒,结果就正常了。
所以当朋友们无法获得屏幕宽高时,不妨用这个试试
相关文章推荐
- 解决jQuery动态获取手机屏幕高和宽的问题
- jQuery动态获取屏幕高和宽的问题解决之道
- 总结Asp.net中Page加载PostData的具体过程 进而解决"获取动态创建的控件的PostData数据"问题
- 手机Web开发 jQuery 获取屏幕高度、宽度
- jquery live方法,解决jquery动态添加按钮无法触发点击事件的问题
- qq7.0的视频动态图登录界面实现讲解解决videoview黑屏问题解决图片视频各种手机适配与缩放衔接问题
- jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
- 解决手机QQ协议只能获取五十好友的问题!
- 关于小米6.0以上系统手机动态获取权限问题
- jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
- 解决jquery或js动态添加easyUI元素时样式失效问题
- 解决jquery中动态新增的元素节点无法触发事件问题的两种方法
- 解决用手机自带GPS获取经纬度location为空的问题
- 通过jQuery动态提交表单,解决一些避免get方式传值问题
- 解决手机訪问站点时总体相对屏幕缩小问题?(已解决)
- 解决IE7中使用jQuery动态操作name问题
- jQuery 获取手机屏幕高度、宽度
- jquery获取屏幕宽度的问题
- Android 屏幕适配攻略(四)获取手机屏幕的相关信息 与动态设置控件的大小
- jQuery - 动态添加、删除form表单项(附:新增项数据无法提交问题解决)