經(jīng)常用到的瀏覽器屬性

網(wǎng)頁可見區(qū)域?qū)挘?document.body.clientWidth;

網(wǎng)頁可見區(qū)域高: document.body.clientHeight;

網(wǎng)頁可見區(qū)域?qū)挘?document.body.offsetWidth (包括邊線的寬);

網(wǎng)頁可見區(qū)域高: document.body.offsetHeight (包括邊線的寬);

網(wǎng)頁正文全文寬: document.body.scrollWidth;

網(wǎng)頁正文全文高: document.body.scrollHeight;

網(wǎng)頁被卷去的高: document.body.scrollTop;

網(wǎng)頁被卷去的左: document.body.scrollLeft;

網(wǎng)頁正文部分上: window.screenTop;

網(wǎng)頁正文部分左: window.screenLeft;

屏幕分辨率的高: window.screen.height;

屏幕分辨率的寬: window.screen.width;

屏幕可用工作區(qū)高度: window.screen.availHeight;

屏幕可用工作區(qū)寬度:window.screen.availWidth;

scrollHeight: 獲取對象的滾動高度。

scrollLeft:設(shè)置或獲取位于對象左邊界和窗口中目前可見內(nèi)容的最左端之間的距離

scrollTop:設(shè)置或獲取位于對象最頂端和窗口中可見內(nèi)容的最頂端之間的距離

scrollWidth:獲取對象的滾動寬度

offsetHeight:獲取對象相對于版面或由父坐標(biāo)

offsetParent 屬性指定的父坐標(biāo)的高度

offsetLeft:獲取對象相對于版面

或由 offsetParent 屬性指定的父坐標(biāo)的計算左側(cè)位置

offsetTop:獲取對象相對于版面

或由 offsetTop 屬性指定的父坐標(biāo)的計算頂端位置

event.clientX 相對文檔的水平座標(biāo)

event.clientY 相對文檔的垂直座標(biāo)

event.offsetX 相對容器的水平坐標(biāo)

event.offsetY 相對容器的垂直坐標(biāo)

document.documentElement.scrollTop 垂直方向滾動的值

event.clientX+document.documentElement.scrollTop 相對文檔的水平座標(biāo)+垂直方向滾動的量要獲取當(dāng)前頁面的滾動條縱坐標(biāo)位置,
用:document.documentElement.scrollTop;
而不是:document.body.scrollTop;documentElement 對應(yīng)的是 html 標(biāo)簽,而 body 對應(yīng)的是 body 標(biāo)簽

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容