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

来源:互联网 发布:linux弱口令扫描工具 编辑:程序博客网 时间:2024/06/13 18:21

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

解决思路:

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

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

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

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

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

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

这样一来及时,图片还没有完全加载完,但是整个屏幕的宽度和高度肯定是第一时间就可以获取到的,这样就避过了用图片的高度了。


阅读全文
1 0
原创粉丝点击