jQuery如何获取transform缩放后的宽高坐标位置

transform本身就是变形属性，不会改变元素的位置大小等，布局不发生变化，只是对元素进行变换。

所以js获取的宽高是元素未变形前的值，需要获取缩放后的宽高，可以用元素的宽高乘以缩放值。

jQuerylazyload技术中可以指定一个占位的（这个一般很小，是纯色的），用来替代真正用来显示的，这个放到src中，真实的地址放到诸如data-src的属性中。通常这个会很大，那么当浏览器窗口滚动到它的偏移位置时，jQuerylazyload才会更改为正确的原始地址，真正向服务器请求这个原始的。所以有一定的延迟加载作用。而且这种使用方式，会影响seo，且会在用户到位置时，才会加载，用户需要查看时会有等待加载的过程。所以，也不能说是延迟加载，而是当在用户视图范围需要查看时才加载真正的。

这个要自己写的，实际很简单的。如：

<div style="width:600px;">

<ul>

<li><div><img src=""><br/><a>标题</a></div></li>

<li><div><img src=""><br/><a>标题</a></div></li>

<li><div><img src=""><br/><a>标题</a></div></li>

<li><div><img src=""><br/><a>标题</a></div></li>

<li><div><img src=""><br/><a>标题</a></div></li>

<li><div><img src=""><br/><a>标题</a></div></li>

</ul>

</div>

你只要样式定义

ul li{ float:left;}定义好li的高度宽度。li div里的样式写好就行了。最外的div一定要有宽度，这样li超出这个宽度会自动换到第二行的。

以上就是关于jQuery如何获取transform缩放后的宽高坐标位置全部的内容，包括:jQuery如何获取transform缩放后的宽高坐标位置、jQuery中实现图片的延迟加载的插件lazyLoad是否真的是滚动到当前位置再对服务器发出请求加载图片、jquery图片显示插件等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！