快捷導(dǎo)航

ff chrome和ie下全局動態(tài)定位的異同及全局高度的取法

更新時間：2014年06月30日 17:37:15 投稿：whsnow

這篇文章主要介紹了ff chrome和ie下全局動態(tài)定位的異同及全局高度的取法,需要的朋友可以參考下

DTD已聲明

IE
document.documentElement.scrollHeight 瀏覽器所有內(nèi)容高度 ,document.body.scrollHeight 瀏覽器所有內(nèi)容高度
document.documentElement.scrollTop 瀏覽器滾動部分高度，document.body.scrollTop 始終為0
document.documentElement.clientHeight 瀏覽器可視部分高度，document.body.clientHeight 瀏覽器所有內(nèi)容高度

FF
document.documentElement.scrollHeight 瀏覽器所有內(nèi)容高度 ,document.body.scrollHeight 瀏覽器所有內(nèi)容高度
document.documentElement.scrollTop 瀏覽器滾動部分高度，document.body.scrollTop 始終為0
document.documentElement.clientHeight 瀏覽器可視部分高度，document.body.clientHeight 瀏覽器所有內(nèi)容高度

Chrome
document.documentElement.scrollHeight 瀏覽器所有內(nèi)容高度， document.body.scrollHeight 瀏覽器所有內(nèi)容高度
document.documentElement.scrollTop 始終為0，document.body.scrollTop 瀏覽器滾動部分高度
document.documentElement.clientHeight 瀏覽器可視部分高度，document.body.clientHeight 瀏覽器所有內(nèi)容高度

DTD未聲明

IE
document.documentElement.scrollHeight 瀏覽器可視部分高度，document.body.scrollHeight 瀏覽器所有內(nèi)容高度
document.documentElement.scrollTop 始終為0，document.body.scrollTop 瀏覽器滾動部分高度
document.documentElement.clientHeight 始終為0，document.body.clientHeight 瀏覽器可視部分高度

FF
document.documentElement.scrollHeight 瀏覽器可視部分高度, document.body.scrollHeight 瀏覽器所有內(nèi)容高度
document.documentElement.scrollTop 始終為0，document.body.scrollTop 瀏覽器滾動部分高度
document.documentElement.clientHeight 瀏覽器所有內(nèi)容高度，document.body.clientHeight 瀏覽器可視部分高度

Chrome
document.documentElement.scrollHeight 瀏覽器可視部分高度,document.body.scrollHeight 瀏覽器所有內(nèi)容高度
document.documentElement.scrollTop 始終為0，document.body.scrollTop 瀏覽器滾動部分高度
document.documentElement.clientHeight 瀏覽器所有內(nèi)容高度，document.body.clientHeight 瀏覽器可視部分高度

瀏覽器所有內(nèi)容高度即瀏覽器整個框架的高度，包括滾動條卷去部分+可視部分+底部隱藏部分的高度總和

瀏覽器滾動部分高度即滾動條卷去部分高度即可視頂端距離整個對象頂端的高度。

DTD聲明，指的是瀏覽器頁面載入時候的聲明：<!DOCTYPE html public ""....>

聲明文檔類型html