需求:检测滚动条位置,当到达一定的高度,就设置有些div浮动。
window.pageYOffset 支持360,火狐,谷歌
document.documentElement.scrollTop 支持火狐和360(谷歌一直返回0)
document.body.scrollTop 支持谷歌(360和火狐一直返回0)
源码:
$(window).scroll(function(){ console.log(window.pageYOffset); console.log(document.documentElement.scrollTop); console.log(document.body.scrolltop); var disTop = window.pageYOffset; console.log('disTop:'+disTop); if(disTop>=40){ $('#mainTabs .tabs-header').addClass('setTabFixed'); $('#mainTabs .tabs-panels').css('marginTop',40); }else{ $('#mainTabs .tabs-header').removeClass('setTabFixed'); $('#mainTabs .tabs-panels').css('marginTop',0); } // console.log('disTop:'+disTop); });