假如一个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。
假如一个div定位之后通过translate做了移动： 使用offsetLeft和offsetTop获取坐标时由于...
offsetLeft和offsetTop
offsetWidth指的是类似盒模型：2padding+width+2border offsetLeft：子元素...
offsetWidth和offsetHight 以及offsetLeft和offsetTop以及offsetPar...
我们直接以一个示例开始：代码 当然，translatex() = translatex( ),skew() = s...
offset家族 1.offsetWidth和offsetHeight 2.offsetLeft和offsetTo...
parentNode父节点 和offsetParent（有定位的父节点） offsetLeft和offsetRig...
在"transform: translateX(80%)；"中，当translateX的参数值为百分数时是相对于其...
或者是transform:translateX(-50%)
transform:translateX(-50%) left:50% 绝对定位
本文标题：offsetLeft 和 translateX
本文链接：https://www.haomeiwen.com/subject/fkfnwctx.html
网友评论