offsetLeft 和 translateX

假如一个div定位之后通过translate做了移动：

div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    height: 200px;
    background: red;
}

使用offsetLeft和offsetTop获取坐标时由于translate的-50%，获取的并不是显示后的left和top值，而是translate之前的left和top值。所以假如之后要做其它运算，要看情况算上div.offsetWidth/2和div.offsetHeight / 2。

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容