rem是css3新增的单位，相对于根元素html进行设置（em是相对于父元素的字体大小的单位）
浏览器默认的字体大小是16px

例如

html {62.5% /* 10/16*100% = 62.5% */}
p{font-size:1rem;/* 10px  */}
h1{font-size:2.4rem; /* 24px */}
 

document.body.scrollTop 在xhtml标准网页或者更简单的说是带<!DOCTYPE ..>标签的页面里得到的结果是0，如果不要此标签则一切正常，那么在xhtml页面怎么获得body的坐标呢，当然有办法-使用document.documentElement来取代document.body,可以这样写

var top = document.documentElement.scrollTop || document.body.scrollTop;