我有以下 jQuery 代码:
if($(window).scrollTop()>=220) {
$('#header nav').slideUp('fast').removeClass('fixed');
} else {
$('#header nav').addClass('fixed').slideDown('fast');
}
发生的情况是,当用户向下滚动页面超过 220 像素时,标题将获得固定类,然后向下滑动。当用户再次向上移动时,标题将向上滑动并移除其固定类。用户将永远不会看到标题移回其原始位置,因为它完成了大约 180 像素,因此不在屏幕上。
然而问题是,当用户滚动时,它会一遍又一遍地滑动,这不是我想要的。我已经查看了停止方法,但停止当前动画也不是我需要的。关于如何解决这个问题的任何想法?
上面的代码是一个这样调用的函数:
$(window).scroll(function() {
fixedHeader();
});