需求:检测滚动条位置,当到达一定的高度,就设置有些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);
});
达维营-前端网