在特定滚动后，标题不会再次隐藏/显示

Question

你好，为什么我的脚本不起作用？我创建了两个标题，一个应该隐藏，另一个在1980px滚动后显示，这很有效！但我希望它在2500像素后隐藏并再次显示，这样基本上就像一开始一样，不再滚动。

$(window).scroll(function() {
if ($(this).scrollTop()>1980)
{
$('#navBar').fadeOut();
}

else if ($(this).scrollTop()>2500)
{
$('#navBar').fadeIn();
}
else
{
$('#navBar').fadeIn();

}
});

Answer 1

我相信对于你的第二个条件，第一个也是真的。所以我认为你可以这样限制第一个。换句话说，你需要制定一个更具体的条件

$( document ).ready(function() {
console.log( "ready!" );
$(window).scroll(function() {
var scrollTop = $(this).scrollTop()
if (1980<scrollTop && scrollTop<2500)
{
console.log("firstPoint");
}
else if (2500<scrollTop && scrollTop<3000)
{
console.log("secondPoint");
}
else {
console.log("thirdPoint");
}
});
});