offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置;

scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离;

 

foodiv.offsetLeft = foodiv.style.left + foodiv.style.margin + document.body.style.margin + document.body.style.padding

而foodiv.offsetTop计算则有个判别条件在里面，假设
a = document.body.style.margin + document.body.style.padding
b = foodiv.style.margin，

计算offsetTop时，a，b只取其一进行累加，谁大累加谁，如下：

当 a > b
foodiv.offsetTop = foodiv.style.top + a
即
foodiv.offsetTop = foodiv.style.top + document.body.style.margin + document.body.style.padding

当 b > a
foodiv.offsetTop = foodiv.style.top + b
即
foodiv.offsetTop = foodiv.style.top + foodiv.style.margin

 

 

另：

网页可见区域宽： document.body.clientWidth;
网页可见区域高： document.body.clientHeight;
网页可见区域宽： document.body.offsetWidth   (包括边线的宽);
网页可见区域高： document.body.offsetHeight  (包括边线的宽);
网页正文全文宽： document.body.scrollWidth;
网页正文全文高： document.body.scrollHeight;
网页被卷去的高： document.body.scrollTop;
网页被卷去的左： document.body.scrollLeft;
网页正文部分上： window.screenTop;
网页正文部分左： window.screenLeft;
屏幕分辨率的高： window.screen.height;
屏幕分辨率的宽： window.screen.width;
屏幕可用工作区高度： window.screen.availHeight;
屏幕可用工作区宽度：window.screen.availWidth;