JQuery 找出控件位置到浏览器屏幕顶端的距离

Question

------------------------------------->屏幕顶端
||     |
|-------                      |
| button|                     |
|-------                      |
|                             |
--------------------------------
 如果滑动滚动条，button位置会变动，如何得到它与屏幕顶端的距离？
 

Answer 1

按理说 滚动button后，得到的距离应当是不同的，但是$(this).attr("offsetTop")始终得到的是同一个值呢？

Answer 2

$(document).scrollTop();
document.documentElement.scrollTop + document.body.scrollTop;
document.body.scrollTop
得出的都是0 是为甚么呀  ，滚动条有变化的   
  这个页面嵌套了一个iframe  我用parent找也是0。。纠结了