***获取 滚动条高度***
// 获取 滚动条高度console.log(window.scrollY); console.log(window.pageYOffset);console.log(document.documentElement.scrollTop); // chrome下document.body.scrollTop值恒为0console.log($(window).scrollTop());console.log($("html,body").scrollTop());console.log($(document).scrollTop());
***浏览器 宽度***
// 浏览器窗口可视区 宽度(不包含滚动条)console.log(document.body.clientWidth); // document.documentElementconsole.log($(document.body).width()); // $(document.documentElement), $("html,body") 和 $(window)都可console.log(window.innerWidth); // 包含滚动条!
console.log($(document).width()); // 取当前document的实际width,和 浏览器窗口可视区width(不包含滚动条) 两者中的 最大值!
console.log(window.outerWidth); // Chrome测试发现:总是比innerWidth 多14px~16px;当浏览器窗口最大化时,两者值相等。
***浏览器 高度***
// (貌似)比 整个浏览器窗口高度 小14px~16px !console.log(window.outerHeight);// 浏览器可视区 高度(不包含滚动条)console.log(document.documentElement.clientHeight);console.log($(window).height());console.log(window.innerHeight); // 包含滚动条!// 取当前document 的实际heightconsole.log(document.body.clientHeight);console.log($(document.body).height());// $(document.documentElement)和 $("html,body")