【记录】innerHeight?clientHeight?offsetHeight?scrollTop?screenTop?…..一堆高度傻傻分不清

1、window.screen

window.screen.height
用户屏幕的高度。
window.screen.availHeight
浏览器窗口在屏幕上可占用的垂直空间,即最大高度。

不会随浏览器窗口变化,只与用户屏幕尺寸有关。

2、window

window.innerHeight
浏览器窗口的视口的高度(包括滚动条)。只读。
window.outerHeight
整个浏览器窗口的高度(包括地址栏啥的55667788)。只读。

随着浏览器窗口变化。 不支持IE9及以下。

3、element

element.clientHeight
对于没有定义CSS的元素或者内联元素,为0;否则为元素可见高度(注意是可见高度,如果元素没有滚动条,则等于padding+content;如果元素有滚动条,则等于height)。只读。

【记录】innerHeight?clientHeight?offsetHeight?scrollTop?screenTop?…..一堆高度傻傻分不清最先出现在Python成神之路

版权声明:
作者:lichengxin
链接:https://www.techfm.club/p/18285.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>