Window的scrollX、innerWidth、outerWidth

1.window.scrollX 返回文档/页面水平方向滚动的像素值。

示例：

// 如果 scrollX 大于 200，则把文档重新滚动到左上角。
if (window.scrollX > 200) {
    window.scroll(0,0);
}

备注：pageXOffset属性是scrollX属性的别名

window.pageXOffset == window.scrollX; // 总是 true

为了跨浏览器兼容性，使用 window.pageXOffset 代替 window.scrollX。另外，旧版本的 IE（<9）两个属性都不支持，必须通过其他的非标准属性来解决此问题。完整的兼容性代码如下：

   var x = (window.pageXOffset !== undefined) ? window.pageXOffset :(document.documentElement || document.body.parentNode ||document.body).scrollLeft;
   var y = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;

2.window.innerWidth 浏览器视口（viewport）宽度（单位：像素），如果存在垂直滚动条则包括它
注意：
$(window).innerWidth()表示可见视口的宽度，不包含滚动条宽度,

$(window).width()和上面一致，同样表示可见视口的宽度，不包含滚动条宽度

3.window.outerWidth 表示整个浏览器窗口的宽度，包括侧边栏（如果存在）、窗口镶边（window chrome）和调正窗口大小的边框（window resizing borders/handles）。