这两个API函数与其他的函数不同，返回的不是所引用的包装集而是一个对象，且该对象只包含top和left两个属性 。这两个属性的值都是数字。
调用方法：$('.box').offset().top $('.box').offset().left
不同点是：
offset()方法获取匹配元素在当前窗口的相对偏移量。这里的窗口指的是当前页面的窗口，不包括浏览器的菜单栏等。offset()方法不管该元素师如何定位，也不管父元素是如何定位的，都是获取的该元素相对于当前页面窗口的偏移量。
position()方法获取匹配元素相对父元素的偏移量。即获取的是该元素相对于最近的一个拥有绝对定位或者相对定位的父元素的偏移量。如果所有的父元素都是默认的static定位方式，则其处理方式和offset()一样，是当前窗口的偏移量。
.roll{margin-left: 600px;width: 100px;height: 100px;border-radius:50%;background:#85eF7E;transition:all 2s;}
.ani.roll{transform:rotateX(180deg) scale(0,0);transform-origin: 50% 50%;}
<script>
$(function(){
$(".roll").removeClass("ani")
})
</script>
<div class="roll ani"></div>
