3
我试图隐藏菜单当滚动达到150像素我的动画滚动滞后,为什么
HTML:
<html>
<body style="height:2000px">
<div id="header">
</div>
</body>
</html>
CSS:
#header{height:200px; background:#000; position:fixed; top:0; width:100%;}
JS:
$(function(){
$(window).bind('scroll', function(){
if($(this).scrollTop() >= 150) {
$('#header').attr('data-open','open');
}
if($(this).scrollTop() >= 150 && $('#header').attr('data-open') == 'open'){
$("#header").animate({top:'-180px'},500, 'linear').attr('data-open','open');
}else{
$("#header").animate({top:'0'},500, 'linear').removeAttr('data-open');
}
});
});
演示:http://jsfiddle.net/egZ6H/1/
它似乎工作,但当我回到顶部时,有时显示菜单的动画开始有点太迟,反之亦然。
这是什么原因造成的?
地狱啊!谢谢! – Warface 2012-02-21 14:55:51