Question

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

$(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中检查：（

Answer 1

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

Answer 2

使用$（'body'）。scrollTop（）在Chrome＆amp; FF

jQuery scrollTop（） - 仅适用于不在Chrome中的Firefox

2 个答案: