1

我有最新的浏览器版本，我的代码很简单：

$(window).scroll(function() {
$('#page-content').css('min-height',$(window).height()+'px');
console.log($('html').scrollTop());
if (  $('html').scrollTop() > 1 ) {

$('.nav-header').css({'position':'fixed','top':'40px','border-radius':'0 0 0 0','width':$('.nav-header').parent().width()-1+'px'});

}
if ( $('html').scrollTop() == 0 ) {

$('.nav-header').css({'position':'relative','top':'0px','border-radius':'5px 5px 0 0','width':$('.nav-header').parent().width()-1+'px'});

}

});

在 firefox 上一切正常，但在 Chrome 中它不起作用，我无法在 chrome 中控制台记录 scrollTop()，控制台中没有任何内容:(

这是 JSFIDDLE ，先在 Firefox上 检查，然后在 Chrome 上检查 :(

4

2 回答 2

4

我想你做错了。为了检测滚动位置，您应该使用$(window).scrollTop()，而不是$('html').scrollTop()

于 2013-11-26T18:21:22.673 回答
0

使用 $('body').scrollTop() 在 Chrome & FF 中为我工作

于 2013-11-26T10:52:43.227 回答