getBoundingClientRect()
该方法返回元素的大小及其相对于视窗的位置。
DOMElement.getBoundingClientRect().top:元素上边到视窗上边的距离;
DOElement.getBoundingClientRect().right:元素右边到视窗左边的距离;
DOMElement.getBoundingClientRect().bottom:元素下边到视窗上边的距离;
DOMElement.getBoundingClientRect().left:元素左边到视窗左边的距离;
DOMElement.getBoundingClientRect().width:是元素自身的宽
DOMElement.getBoundingClientRect().height是元素自身的高
window.innerHeight
返回窗口的文档显示区的高度,如果有垂直滚动条,也包括滚动条高度。
window.innerWidth
返回窗口的文档显示区的宽度,如果有水平滚动条,也包括滚动条高度。