window body及obj的一些頁面寬高屬性

2021-09-07 23:23:46 字數 1337 閱讀 4203

1.window.innerwidth=>返回視窗的文件顯示區的寬度。

window.innerheight=>返回視窗的文件顯示區的高度。

window.outerwidth=>設定或返回乙個視窗的外部高度,包括所有介面元素(如工具欄/滾動條)。

window.outerheight=>設定或返回視窗的外部寬度,包括所有的介面元素(如工具欄/滾動)。

2. body.clientwidth=>網頁可見區域寬。

body.clientheight=> 網頁可見區域高。

body.scrollwidth=>網頁正文全文寬。

body.scrollheight=> 網頁正文全文高。

3.obj.offsetwidth=>物件盒子的寬度,是物件的可見寬度,包滾動條等邊線,會隨視窗的顯示大小改變。

obj.offsetheight=>物件盒子的高度。

obj.clientwidth=>是物件可見的寬度,不包滾動條等邊線,會隨視窗的顯示大小改變。

obj.clientheight=>是物件可見的高度。

obj.scrollwidth=>是物件的實際內容的寬,不包邊線寬度,會隨物件中內容的多少改變(內容多了可能會改變物件的實際寬度)。

obj.scrollheight=>是物件的實際內容的高。

obj.scrolltop=>返回或設定匹配元素的滾動條的垂直位置。scroll top offset 指的是滾動條相對於其頂部的偏移。

obj.scrollleft=>返回或設定匹配元素的滾動條的水平位置。

obj.offsettop 指 obj 距離上方或上層控制項的位置,整型,單位畫素。

obj.offsetleft 指 obj 距離左方或上層控制項的位置,整型,單位畫素。

重點:一般情況下,html和body的寬高都是相等的,除非是body的margin的影響,其寬高不包括滾動條。而innerheight和innerwidth代表的永遠是視窗的大小,視窗變大,他們的值就會變大,視窗變小,他們的值也就會變小,而且它的值包括滾動條的寬度,有可能比body和html的值大,也可能小.完全在於body中的元素的尺寸。

offsetwidth = border-left + border-right + padding-left+padding-right+元素本身的寬度;

offsetheight = border-top + border-bottom + padding-top+padding-bottom+元素本身的高度;

scrolltop,scrollleft:

這兩個屬性是相對於滾動條,垂直位置,當滾動條不存在的時候,obj.scrollleft 和obj.scrolltop的值為0,滾動條存在的時候, 不同位置值是不同的。

C2 cesium載入obj等常見BIM及問題

專案裡有很多bim是同事用3dmaxs建的,經過溝通他們提供我的是obj檔案。載入的 就不說了,到處都是。我想說的是載入後 總是很卡而且很容易崩。我的 資料很多 三個3dtiles檔案48g 9g 16g,正射影像切片20g,天地圖影像快取3g,gltf若干 資料太多一開始懷疑是3dtiles的問題...

OpenGL匯入的obj模型透明問題

在利用opengl匯入obj模型後,發現模型是透明的,在旋轉過程中特別難看,於是需要設定成非透明的實體模型。下面的圖是模型為透明的時候,看起來就讓人感覺很亂 由於一開始我們利用 glclear gl color buffer bit gl depth buffer bit 清除了緩衝區,所以只要設定...

FBX格式和obj格式的區別

目前主流常用的通用模型格式fbx格式和obj都是眾多可以用在眾多軟體平台的。既然兩個都是通用模型格式,那麼fbx格式和obj格式的區別到底是什麼呢?很多三維設計師朋友都聽說過這兩個格式,但卻不知道該如何選擇,接下來就為大家解讀對比一下吧。1 fbx格式和obj格式都是三維通用模型格式,可以用在目前幾...