jQuery中三个获取位置方法offset、position、scrollTop/scrollLeft的区别和用法

首先要搞清楚元素没有定位时的默认状态：Position:static 都是以document body为相对基准（也就是以body为基准）

1.offset

$().offset().top;$().offset().left;

元素到document顶部的top or left

2.position

$().position().top;$().position().left;

如果没有在其父元素中定义position:relative;取其到默认body top的高，反之只取到第一个父元素有定义position:relative的高

3.scrollTop /scrollLeft 

能用scrollTop的元素一般是$("html,body").animate({scrollTop,value - "50px"},1000)，错误：$(window).scrollTop();加不了动画的

条件：目标元素要产生了scrollbar才有值，否则为0

brief summary：

        以上三个属性可以确定页面元素的位置。