介绍
容器的尺寸是指当前分辨率下的高度和宽度(分辨率不同,值就不相同)
屏幕信息
screen.height:屏幕高度
screen.availHeight:屏幕可用宽度
screen.height - acreen.availHeight:任务栏高度
浏览器信息
window.screenY:浏览器窗口相对于屏幕的垂直距离
window.scrollY:页面垂直滚动距离
window.outerHeight:浏览器窗口的高度
window.innerHeight:浏览器窗口可见部分的高度
window.outerHeight - window.innerHeight:工具栏高度
body信息
document.body.clientHeight:body展示高度(在浏览器可显示区域高度)document.body.offsetHeight:body总高度
document.body.offsetHeight - document.body.clientHeight:滚动条高度
div信息
div.clientHeight:元素高度+内边距
div.offsetHeight:元素高度+内边距+滚动条+边框
div.scrollHeight:元素内容高度(包括溢出不可见内容)
div.offsetLeft:元素左上角相对父级左上角的偏移量
自定义滚动触底事件:offsetHeight+scrollTop=scrollHeight