JavaScript之onscroll事件

onscroll事件

•是页面滚动条滚动事件，当页面滚动条滚动时候，自动触发

•如果页面没有滚动条或者没有发生滚动操作，则不会执行onscroll事件

•从属于window对象，事件应绑定到window对象上

scrollTop和scrollLeft

•当页面内容区域超出了浏览器展示范围，页面会出现滚动条

•scrollTop指的是向上滚动头部高度

•scrollLeft指的是向左滚动的宽度

•注意：兼容性不好，不同浏览器的scrollTop/scrollLeft属性从属对象不一

•chrom浏览器：从属于body对象上

•火狐浏览器：从属于documentElement对象上

•ie9+浏览器、chrom、firefox：window.pageXOffset和window.pageYOffset

兼容写法：

document.body.scrollTop||document.documentElement.scrollTop||window.pageYOffset||0

document.body.scrollLeft||document.documentElement.scrollLeft||window.pageXOffset||0