摘要:目前已經(jīng)總結(jié)的有將來準(zhǔn)備看的有有關(guān)控制滾動(dòng)的該屬性是一個(gè)只讀屬性,返回一個(gè)代表像素高度的整數(shù)值,高度包括元素高度內(nèi)邊距和邊框。
目前已經(jīng)總結(jié)的有
offsetHeight offsetTop clientHeight clientTop scrollHeight scrollTop innerHeight outerHeight
將來準(zhǔn)備看的有
有關(guān)控制滾動(dòng)的Element.offsetHeight
該屬性是一個(gè)只讀屬性,返回一個(gè)代表像素高度的整數(shù)值,高度包括元素高度、內(nèi)邊距和邊框。
如果該元素底部有水平滾動(dòng)條的話,滾動(dòng)條的高度也是被計(jì)算在內(nèi)的(滾動(dòng)條高度是從元素高度中減除的)
忽略任何應(yīng)用在該元素或其祖先元素的transform屬性帶來的變化
Element.clientHeight該屬性是一個(gè)只讀屬性,返回一個(gè)代表像素高度的整數(shù)值,高度包括元素高度、內(nèi)邊距。
如果該元素底部有水平滾動(dòng)條的話,滾動(dòng)條的高度是不被計(jì)算在內(nèi)的
如果調(diào)用元素為inline元素,返回0
Element.scrollHeight該屬性是一個(gè)只讀屬性,返回該元素實(shí)際的上內(nèi)邊距、下內(nèi)邊距和內(nèi)容高度之和
window.innerHeight該屬性為只讀屬性,返回瀏覽器窗口視口高度,如果存在水平滾動(dòng)條,也包括在內(nèi)
window.outerHeight該屬性為只讀屬性,返回整個(gè)瀏覽器的高度
Element.offsetTop該屬性是一個(gè)只讀屬性,返回返回當(dāng)前元素相對(duì)于其 offsetParent 元素內(nèi)邊距頂部的距離
如果其offsetParent元素為null,則為到根元素外邊框頂部的距離
如果將offsetParent元素為body,則為到body元素外邊框頂部的距離
以下是和offsetTop屬性密切相關(guān)的offsetParent屬性:
Element.clientTopElement.offsetParent
該屬性是一個(gè)只讀屬性,返回最近的一個(gè)包含調(diào)用元素的已定位元素(即position屬性不為static),如果沒有定位元素,則為根元素或者table、th及td元素。
如果調(diào)用元素為html、body,返回null
如果調(diào)用元素的position屬性為fixed,返回null(webkit內(nèi)核瀏覽器、IE7+)
如果調(diào)用元素的display屬性none,返回null(webkit內(nèi)核瀏覽器、Firefox)
該屬性是一個(gè)只讀屬性,通常情況下會(huì)返回border-top-width,但是如果有滾動(dòng)條出現(xiàn)在上邊框頂部和上內(nèi)邊距頂部之間,也應(yīng)該加上滾動(dòng)條的高度
Element.scrollHeight該屬性是一個(gè)可讀/寫的屬性,讀模式下返回元素目前距自身容器頂部(包括padding)的距離
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/78399.html
摘要:如果塊級(jí)元素沒有設(shè)置高度,則返回實(shí)際高度。如果有水平滾動(dòng)條,還要減去水平滾動(dòng)條的高度。一般來說,大于整張網(wǎng)頁的總高度可以從或上讀取。有關(guān)坐標(biāo)的屬性返回鼠標(biāo)事件觸發(fā)時(shí)鼠標(biāo)相對(duì)于元素視口的坐標(biāo)。自己記不住,列一下關(guān)于CSS和JS中用到的各類有關(guān)Height和Width屬性的介紹對(duì)比. 所屬類別屬性名意義其他 瀏覽器模型 Screen.height 瀏覽器窗口所在的屏幕的高度(單位像素) ...
摘要:不使用緩存,只從網(wǎng)絡(luò)獲取數(shù)據(jù),只要本地有,無論是否過期,或者,都使用緩存中的數(shù)據(jù)。這個(gè)方法,就是界面的加載開始,可以在這里設(shè)置一個(gè)加載的引導(dǎo)動(dòng)畫,使得客戶體驗(yàn)更好在頁面加載結(jié)束時(shí)調(diào)用。銷毀,關(guān)閉了時(shí),音樂或視頻,還在播放。 如果本文幫助到你,本人不勝榮幸,如果浪費(fèi)了你的時(shí)間,本人深感抱歉, 希望能對(duì)您所有幫助! 隨著H5的應(yīng)用越來越潮流,與原生交互必然也是一種趨勢,然后自己從中學(xué)點(diǎn)皮毛...
摘要:寫著寫著發(fā)現(xiàn)會(huì)寫不少內(nèi)容全部寫在一篇文章里感覺太多了不方便看,所以分為上下篇吧下篇寫完啦,感興趣的朋友可以繼續(xù)關(guān)注開發(fā)仿旅游站項(xiàng)目總結(jié)下溫馨提示此文章,僅是做完項(xiàng)目后的個(gè)人覺得可以總結(jié)下來的操作思路,接觸不久的朋友應(yīng)該會(huì)有收獲。 寫著寫著發(fā)現(xiàn)會(huì)寫不少內(nèi)容... 全部寫在一篇文章里感覺太多了不方便看,所以分為上下篇吧...下篇寫完啦,感興趣的朋友可以繼續(xù)關(guān)注 => Vue開發(fā)仿旅游站we...
摘要:寫著寫著發(fā)現(xiàn)會(huì)寫不少內(nèi)容全部寫在一篇文章里感覺太多了不方便看,所以分為上下篇吧下篇寫完啦,感興趣的朋友可以繼續(xù)關(guān)注開發(fā)仿旅游站項(xiàng)目總結(jié)下溫馨提示此文章,僅是做完項(xiàng)目后的個(gè)人覺得可以總結(jié)下來的操作思路,接觸不久的朋友應(yīng)該會(huì)有收獲。 寫著寫著發(fā)現(xiàn)會(huì)寫不少內(nèi)容... 全部寫在一篇文章里感覺太多了不方便看,所以分為上下篇吧...下篇寫完啦,感興趣的朋友可以繼續(xù)關(guān)注 => Vue開發(fā)仿旅游站we...
閱讀 777·2023-04-25 15:49
閱讀 3206·2021-09-22 15:13
閱讀 1370·2021-09-07 10:13
閱讀 3536·2019-08-29 18:34
閱讀 2619·2019-08-29 15:22
閱讀 568·2019-08-27 10:52
閱讀 753·2019-08-26 18:27
閱讀 3105·2019-08-26 13:44