Javascript 滚动显示/隐藏div

滚动后，我需要在2200像素上显示我的div（页脚导航） &然后在2800像素上再次隐藏它

在最初的部分，我的代码都很好， 所以我的元素在2200px后显示，当鼠标在两秒钟内不移动时隐藏

但我也希望在达到2800px滚动时完全隐藏我的div。

请看一下我的代码片段，如果每次我上下滚动窗口时都能触发该事件，那就太好了：

$(window).scroll(function(event) {
function footer()
{
    var scroll = $(window).scrollTop(); 
    if(scroll > 2200)
    { 
        $(".footer-nav").fadeIn("slow").addClass("show");
    }
    else
    {
        $(".footer-nav").fadeOut("slow").removeClass("show");
    }

    clearTimeout($.data(this, 'scrollTimer'));
    $.data(this, 'scrollTimer', setTimeout(function() {
        if ($('.footer-nav').is(':hover')) {
            footer();
        }


        else
        {
            $(".footer-nav").fadeOut("slow");
        }
    }, 2000));
}
footer();});

---

提前谢谢

尝试使用以下代码：

$(window).scroll(function(event) {
function footer()
{
    var scroll = $(window).scrollTop(); 
    if(scroll > 2200 && scroll < 2800)   <-- this line
    { 
        $(".footer-nav").fadeIn("slow").addClass("show");
    }
    else
    {
        $(".footer-nav").fadeOut("slow").removeClass("show");
    }

    clearTimeout($.data(this, 'scrollTimer'));
    $.data(this, 'scrollTimer', setTimeout(function() {
        if ($('.footer-nav').is(':hover')) {
            footer();
        }
        else
        {
            $(".footer-nav").fadeOut("slow");
        }
    }, 2000));
}
footer();});

$（窗口）。滚动（函数（事件）{
函数页脚（）
{
var scroll=$（窗口）.scrollTop（）；
如果（滚动>2200&&scroll<2800），如果你处理问题，每个人都会更容易给你一个解决方案！尝试将if条件更新为if（滚动>2200&&scroll<2800）