包含滚动条的屏幕可视区域
window.innerHeight - 获得屏幕可视区域高度 window.innerWidth - 获得屏幕可视区域宽度
window.innerHeight 与 window.innerWidth 的 ie 版本兼容为 9+,那么完整的兼容代码为
function getInnerSizeWithScroll(){
if(window.innerWidth){
return {
width : window.innerWidth,
height: window.innerHeight
}
}else if(document.documentElement.offsetWidth == document.documentElement.clientWidth){
return {
width : document.documentElement.offsetWidth,
height: document.documentElement.offsetHeight
}
}else{
return {
width : document.documentElement.clientWidth + getScrollWith(),
height: document.documentElement.clientHeight + getScrollWith()
}
}
}不包含滚动条的屏幕可视区域
document.documentElement.clientHeight - 获得屏幕可视区域高度(不含滚动条的实际可用高度) document.documentElement.clientWidth - 获得屏幕可视区域宽度(不含滚动条的实际可用宽度)
编程那点事
