javascript之scroll事件（一）

scroll

翻译过来就是滚动。在js中称为滚动事件，当用户滚动到指定位置或元素时会触发scroll事件。

scroll事件适用于所有可滚动的元素和window对象（浏览器 窗口），scroll()方法出阿发scroll事件，或规定scroll事件时，运行的函数。

$(document).height();//整个网页的高度

$(window).height();//浏览器可视窗口的高度

$(window).scrollTop();//浏览器可视窗口顶端距离网页顶端的高度（垂直偏移）

jquery对应算得的高度

$(window).height();//浏览器当前可视窗口的高度

$(document).height();//浏览器当前窗口文档的高度

$(document.body).height();//浏览器当前窗口文档body的高度

$(document.body).outerHeight(true);//浏览器当前文档body的高度，包括border,padding,margin

$(window).width();//浏览器当前窗口可视区域的宽度

$(document).width();//浏览器当前窗口文档对象的宽度。

$(document.body).width();//浏览器当前窗口文档body的宽度

$(document.body).outerWidth(true);//浏览器当前窗口文档body的总宽度，包括border,padding,margin

javascript的各种宽度

网页可见区域宽[仅针对body]： document.body.clientWidth

网页可见区域高[仅针对body]： document.body.clientHeight

网页可见区域宽[仅针对body]： document.body.offsetWidth (包括滚动条和边框，若滚动条和边框为0，则和clientWidth相等)

网页可见区域高[仅针对body]： document.body.offsetHeight (包括滚动条和边框，若滚动条和边框为0，则和clientHeight相等)

可视窗口宽度(包括滚动轴宽度)：window.innerWidth; //IE9+、Chrome、Firefox、Opera 以及 Safari

可视窗口高度，不包括浏览器顶部工具栏： window.innerHeight;//IE9+、Chrome、Firefox、Opera 以及 Safari

网页正文全文宽(不包括滚动轴的宽度)： document.body.scrollWidth

网页正文全文高：document.body.scrollHeight

//假如网页中没有滚动轴，document.body.scrollWidth和window.innerWidth相等，document.body.scrollHeight和window.innerHeight相等。

网页被卷去的高： document.body.scrollTop

网页被卷去的左： document.body.scrollLeft

网页正文部分上： window.screenTop

网页正文部分左： window.screenLeft

屏幕分辨率的高（整个屏幕的高度）： window.screen.height

屏幕分辨率的宽（整个屏幕的宽度）： window.screen.width

屏幕可用工作区高度： window.screen.availHeight

屏幕可用工作区宽度： window.screen.availWidth

整个浏览器可用工作区高度： window.outerHeight

整个浏览器可用工作区宽度： window.outerWidth