offsetTop:是指事件中的元素上边框距离浏览器窗口的间距;
offsetLeft:是指事件中的元素左边框距离浏览器窗口的间距;
- 如果使用
transform的transition:all 300ms ease 0s;transform:translate3d(1042px,0px,0px)去控制元素的间距,则position的top值应该是translate的基础上进行设置top值。
🌰 一个元素如果设置了transform:translate3d(34px,35px,78px)并且设置了position定位,设置top:0(或者不设置)则此时使用getElementById()得到的元素的offsetTop则为top的值0;如果top设置了3px,则此时的到的offsetTop为3px;
总结: offsetTop或者offsetLeft的到的间距和 translatess设置的间距没有关系,只和元素本身初始的位置或者设置了position的top或left或者bottom或者right有关系,如果写的是bottom则offsetTop的距离只是dom元素上边框到浏览器或者程序窗口的位置。 好了,去睡觉了,😴