jquery-scrollTop() 兼容性问题-如何解决

来源:互联网 发布:java的布尔类型 编辑:程序博客网 时间:2024/05/29 17:14

需求:检测滚动条位置,当到达一定的高度,就设置有些div浮动。

window.pageYOffset 支持360,火狐,谷歌

document.documentElement.scrollTop 支持火狐和360(谷歌一直返回0)

document.body.scrollTop 支持谷歌(360和火狐一直返回0)


源码:


// 设置tab置顶    $(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);    });