translate和left

1. translate 产生的位移始终是相对于元素最初位置,而left是相对于元素当前位置。(注:其实这个理解是错的,都是相对当前位置,只是连续两次设置translate或left不会叠加,而产生的误解)

因为translate和left产生的位移可以叠加,而两次translate产生的位移只会以最后一次为准,两次left产生的位移也只会以最后一次为准。


2.translate和left产生的位移互不影响,不会因为translate的位移设置为0,而影响left的位移,反之亦然。


3.left产生位移的前提条件是,元素必须设置position属性。


4.offsetParent默认是body


5.translate不会改变offsetLeft和offsetTop的值,而left会改变。


5.clientLeft:边框的宽度。clientWidth:设置的width,

   offsetLeft:元素距离offsetParent指定的parent元素的左边框的距离, 

   offsetWidth:width + 2*border-width

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值