我拥有最新的浏览器版本,我的代码很简单:
$(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中管理日志logTopTop(),但在控制台中没有任何操作:(
JSFIDDLE在这里先在Firefox上检查它,然后在Chrome中检查它:(
我想你做错了。要检测滚动位置,您应该使用$(window).scrollTop()
,而不是$('html').scrollTop()
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句