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