您的位置:首页 > Web前端 > JQuery

jQuery定位图片在页面没有完全加载完成的时候无法居中

2017-06-12 17:04 309 查看


这个中间的红线框内的内容本来应该是需要js控制居中的,但是页面没有加载完成,红框内的图片没有获取到实际的高度,出现了上图情况?

解决思路:

1.查找到图片的实际宽高,

2.中间居中红框图片占整个屏幕的宽度比例,

3.获取屏幕的宽度、高度

下面是具体的代码很简单:

($(window).height() - $(window).width() * 0.9 / 640 * 943) / 2);

说明一下:因为我需要的是中间的图片占屏幕的宽度的90%,所以0.9就是占比了,640*943是图片的实际宽高。

这样一来及时,图片还没有完全加载完,但是整个屏幕的宽度和高度肯定是第一时间就可以获取到的,这样就避过了用图片的高度了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐