Javascript 如何让jQuery在鼠标滚动时隐藏div？

我有一些jQuery代码，它加载一个div，在toggle上只有很少的元素，但是我注意到当我滚动div时，它保持加载状态，所以我的问题是如何在滚动时隐藏div

这是代码的一部分-它通常看起来像：

问题是：

$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>0）{
$（'.divTo'）.fadeOut（）；
}否则{
$（'.divTo'）.fadeIn（）；
}
});

内容

$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>0）{
$（'.divTo'）.fadeOut（）；
}否则{
$（'.divTo'）.fadeIn（）；
}
});

内容
感谢您的快速响应，但我也解决了$（window）.scroll（函数（）{if（$（this）.scrollTop（）>0）{$（'.hideScroll'）.hide（0）；}else{$（''responsiveintro'）.show（1000）；setTimeout（函数（）{$（“#responsiveintro”）.hide（）;                 }, 8000);             }         });感谢您的快速响应，但我也解决了$（window）.scroll（函数（）{if（$（this）.scrollTop（）>0）{$（'.hideScroll'）.hide（0）；}else{$（''responsiveintro'）.show（1000）；setTimeout（函数（）{$（“#responsiveintro”）.hide（）}, 8000);             }         });
$(document).ready(function () {
    // $(".navbar").hide(); //well this works the same for loading pages
    $("#loadindex").load("codeParts/headerDreiHome.html") // loads the second main header part for the navbar
    $("#loadindex").hide();
    $("#loadindex1").load("codeParts/headerDreiHtmlCss.html") // loads the second main header part for the navbar
    $("#loadindex1").hide();
    $("#loadindex2").load("codeParts/headerDreiJava.html") // loads the second main header part for the navbar
    $("#loadindex2").hide();
    $("#loadindex3").load("codeParts/headerDreiJavaScript.html") // loads the second main header part for the navbar
    $("#loadindex3").hide();
    $("#loadindex4").load("codeParts/headerDreiAboutMe.html") // loads the second main header part for the navbar
    $("#loadindex4").hide();
    $("#loadindex5").load("codeParts/headerDreiContactMe.html") // loads the second main header part for the navbar
    $("#loadindex5").hide();
    $("#toggleHome").click(function () {
        $("#loadindex1").hide();
        $("#loadindex2").hide();
        $("#loadindex3").hide();
        $("#loadindex4").hide();
        $("#loadindex5").hide();
        $("#loadindex").toggle("slow", function () {
            setTimeout(function () {
                $("#loadindex").hide();
            }, 8000);
        });
    });
    $("#toggleHtmlCss").click(function () {
        $("#loadindex").hide();
        $("#loadindex2").hide();
        $("#loadindex3").hide();
        $("#loadindex4").hide();
        $("#loadindex5").hide();
        $("#loadindex1").toggle("slow", function () {
            setTimeout(function () {
                $("#loadindex1").hide();
            }, 8000);
        });
    });
    $("#toggleJava").click(function () {
        $("#loadindex1").hide();
        $("#loadindex").hide();
        $("#loadindex3").hide();
        $("#loadindex4").hide();
        $("#loadindex5").hide();
        $("#loadindex2").toggle("slow", function () {
            setTimeout(function () {
                $("#loadindex2").hide();
            }, 8000);
        });
    });
    $("#toggleJavaScript").click(function () {
        $("#loadindex1").hide();
        $("#loadindex2").hide();
        $("#loadindex").hide();
        $("#loadindex4").hide();
        $("#loadindex5").hide();
        $("#loadindex3").toggle("slow", function () {
            setTimeout(function () {
                $("#loadindex3").hide();
            }, 8000);
        });
    });
    $("#toggleAboutMe").click(function () {
        $("#loadindex1").hide();
        $("#loadindex2").hide();
        $("#loadindex").hide();
        $("#loadindex3").hide();
        $("#loadindex5").hide();
        $("#loadindex4").toggle("slow", function () {
            setTimeout(function () {
                $("#loadindex4").hide();
            }, 8000);
        });
    });
    $("#toggleContactMe").click(function () {
        $("#loadindex1").hide();
        $("#loadindex2").hide();
        $("#loadindex3").hide();
        $("#loadindex4").hide();
        $("#loadindex").hide();
        $("#loadindex5").toggle("slow", function () {
            setTimeout(function () {
                $("#loadindex5").hide();
            }, 8000);
        });
    });
});