当前位置：jQuery中的offset方法和position方法
2018/10/09 18:00 分类： 技术交流 浏览：27
今天我们来学习一下jQuery中的offset()方法和position()方法，先上初始代码:
jQuery代码：
运行结果：
接下来在父元素身上添加：position:relative
接下来再给父元素身上添加：margin-top:50px
大家可以在以上代码的基础上再给父元素添加padding-top或者再最外面添加一个父元素进行测试。
小结：
1 元素的offset()方法获取到的是子元素到文档（水平方向和垂直方向的）距离(偏移)。
2 元素的position()方法获取到的是子元素距离自己最近的带有定位属性的父盒子(水平和垂直方向的)距离(偏移)。
感谢源码时代教学讲师提供此文章！
本文为原创文章，转载请注明出处！
赞 0
