欢迎光临
我们一直在努力

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

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

 

赞(0)
版权归原作者所有,如有侵权请告知。达维营-前端网 » jquery-scrollTop() 兼容性问题-如何解决

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址