获得元素距离带有定位父元素的位置
获得元素自身的大小
注意:返回的数值都不带单位
offset常用属性
我们试验一下:
我们可以得到盒子距上沿100px.距左侧309px
如果我们在里面再加个...我们将box的外边距都设置为100px,然后son盒子距离父元素左侧50px,按道理来说应该得到的是50px....,为100px+50px
加了定位以后
但是我发现如果使用transform:translate(-50%,-50%)就会出错
现在放置一个200*200,padding为20px的盒子...前几天期中还有生日聚会,所以没有学习,内心很不安...今天继续
offset和style的区别
重点:
想要获取元素位置大小,用offset
想要给元素更改值,用style改变
小案例...:得到鼠标在盒子中的位置
思路:
写起来不是很难
但是在实际案例中,通常不是点击,而是鼠标移动就会触发事件,所以我们新学了一个鼠标移动事件: mousemove
我们将click换成mousemove