rem是css3新增的單位,相對於根元素html進行設置(em是相對於父元素的字體大小的單位)
瀏覽器默認的字體大小是16pxcss
例如html
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,能夠這樣寫css3
var top = document.documentElement.scrollTop || document.body.scrollTop;