Javascript 在网页上的特定范围内滚动时显示div

我希望当用户滚动到页面上的特定位置（向下900像素）然后在特定位置（向下1800像素）消失时，会出现一个div。我有一个解决方案，它可以工作，但是当用户滚动到初始显示点（从顶部开始900像素）后，它就会中断

在这一点上，它不会再消失。总之，我需要帮助修改我的代码，使div在经过它出现的原点后再次消失

以下是指向我的测试页面的链接：

下面是我的代码：

var startY = 900;
var stopY = 1800;

$(window).scroll(function(){
    checkY();
});

function checkY(){
    if( $(window).scrollTop() > startY ){
         if( $(window).scrollTop() > stopY ){
         $('.fixedDiv').fadeOut("slow");
   }
   else
   {  $('.fixedDiv').fadeIn("slow"); }
}
}

checkY();

谢谢你抽出时间

而不是

$（窗口）。scrollTop（）>startY

使用

$（窗口）。scrollTop（）>=startY

有时快速滚动可能会跳过一个数字

---

这可确保如果大于或等于起始位置，则当滚动点位于起始位置右侧之前时，应触发淡出方法？所以我认为你需要改变你的接线员如下

function checkY(){
    if( $(window).scrollTop() < startY ){
         if( $(window).scrollTop() > stopY ){
         $('.fixedDiv').fadeOut("slow");
   }
   else
   {  $('.fixedDiv').fadeIn("slow"); }
}

函数checkY（）{
if（$（窗口）.scrollTop（）stopY）{
$（'.fixedDiv'）。淡出（“缓慢”）；
}
其他的
{$（'.fixedDiv'）.fadeIn（“慢”）；}
}

您在if语句中的登录有错误，导致它无法工作。请检查此项

var startY = 900;
var stopY = 1800;

$(window).scroll(function(){
    checkY();
});

function checkY()
{
    console.log($(window).scrollTop()); 
    if($(window).scrollTop() > startY && $(window).scrollTop() <= stopY)
    {    
         $('.fixedDiv').fadeOut("slow");
    }
    else
    {

         $('.fixedDiv').fadeOut("slow");
    }
}

checkY();

var startY=900；
var stopY=1800；
$（窗口）。滚动（函数（）{
checkY（）；
});
函数checkY（）
{
log（$（window.scrollTop（））；
如果（$（window）.scrollTop（）>startY&&$（window）.scrollTop（）就这样做



var-startY=900；
var stopY=1800；
$（窗口）。滚动（函数（）{
checkY（）；
});
函数checkY（）
{
log（$（window.scrollTop（））；
if（$（window.scrollTop（）>startY&&$（window.scrollTop（））不应该是$（window.scrollTop（）