欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

clientHeight、scrollHeight、offsetHeight和scrollTop之間區(qū)別

老白8年前1883瀏覽0評(píng)論

網(wǎng)頁(yè)可見區(qū)域高:document.body.clientHeight
網(wǎng)頁(yè)正文全文高:document.body.scrollHeight
網(wǎng)頁(yè)可見區(qū)域高(包括邊線的高):document.body.offsetHeight
網(wǎng)頁(yè)被卷去的高:document.body.scrollTop
屏幕分辨率高:window.screen.height

對(duì)上面信息的理解:
clientHeight就是當(dāng)前能看到的頁(yè)面大小,它的值隨著瀏覽器的大小變化!簡(jiǎn)單的可以理解為瀏覽器窗口高度-標(biāo)題欄、菜單欄、工具欄、地址欄、狀態(tài)欄等高度(一般是最后一個(gè)工具條以下到狀態(tài)欄以上的這個(gè)區(qū)域,與頁(yè)面內(nèi)容無(wú)關(guān))。不包括boder的寬度,如果區(qū)域內(nèi)帶有滾動(dòng)條,還應(yīng)該減去橫向滾動(dòng)條不可用的高度,正常的是17px;

scrollHeight網(wǎng)頁(yè)的內(nèi)容高度。這個(gè)值比較麻煩,IE和火狐中大小有很大不同!
IE、Opera 認(rèn)為 scrollHeight 是網(wǎng)頁(yè)內(nèi)容實(shí)際高度,可以小于 clientHeight。
NS、FF 認(rèn)為 scrollHeight 是網(wǎng)頁(yè)內(nèi)容高度,不過(guò)最小值是 clientHeight。
以上都是百度百科中給出的解釋,個(gè)人認(rèn)為scrollHeight是網(wǎng)頁(yè)的內(nèi)容高度,即我們使用滑塊所能看到的內(nèi)容高度即可。

offsetHeight為模塊的高度+邊框的大小。
IE、Opera 認(rèn)為 offsetHeight = clientHeight + 滾動(dòng)條 + 邊框。
NS、FF 認(rèn)為 offsetHeight 是網(wǎng)頁(yè)內(nèi)容實(shí)際高度,可以小于 clientHeight。

scrollTop網(wǎng)頁(yè)卷起來(lái)的高度(網(wǎng)頁(yè)向上移動(dòng)過(guò)程中,跑上去看不見的部分)。可以理解為scroll top offset是滾動(dòng)條相對(duì)于其頂部的偏移。

window.screen.height是你電腦的屏幕寬度,即分辨率高。

推薦網(wǎng)址:
http://www.cnblogs.com/yuteng/articles/1894578.html(具體代碼展示)
http://wenku.it168.com/d_000647093.shtml(詳細(xì)解釋)