Javascript 忽略函数？

所以我有一个div，当你在页面底部附近滚动时，它会向下滑动。在那个div中，我有一个“X”锚，可以再次将其向上滑动（这在jQuery中）。但是如果我滚动，div会再次向下滑动（自然）。因此，我希望X首先使“#topDiv”向上滑动，然后忽略使其向下滑动的函数

完整代码：

  $("#topDiv").hide();

  $(window).scroll(function () {
      if ($(window).scrollTop() + $(window).height() > $(document).height() - 500) {
          $("#topDiv").slideDown();
      }


      if ($(window).scrollTop() + $(window).height() < $(document).height() - 800) {

          $("#topDiv").slideUp();
      }
      $("#closeTop").click(function () {
          $("#topDiv").slideUp();
          return false;
      });
  });

$（“#topDiv”）.hide（）；
$（窗口）。滚动（函数（）{
if（$（窗口）.scrollTop（）+$（窗口）.height（）>$（文档）.height（）-500）{
$（“#topDiv”）.slideDown（）；
}
如果（$（窗口）.scrollTop（）+$（窗口）.height（）<$（文档）.height（）-800）{
$（“#topDiv”）.slideUp（）；
}
$（“#closeTop”）。单击（函数（）{
$（“#topDiv”）.slideUp（）；
返回false；
});
});

（）

试试这个：

$("#topDiv").hide();

$(window).addEventListener('scroll', function(event) {
   if ($(window).scrollTop() + $(window).height() > $(document).height() - 500) {
      $("#topDiv").slideDown();
  }


  if ($(window).scrollTop() + $(window).height() < $(document).height() - 800) {
      $("#topDiv").slideUp();
  }

  $("#closeTop").click(function () {
      $("#topDiv").slideUp();
      $(window).removeEventListener('scroll',arguments.callee,false);
  });
}

$（“#topDiv”）.hide（）；
$（窗口）.addEventListener（'scroll'，函数（事件）{
if（$（窗口）.scrollTop（）+$（窗口）.height（）>$（文档）.height（）-500）{
$（“#topDiv”）.slideDown（）；
}
如果（$（窗口）.scrollTop（）+$（窗口）.height（）<$（文档）.height（）-800）{
$（“#topDiv”）.slideUp（）；
}
$（“#closeTop”）。单击（函数（）{
$（“#topDiv”）.slideUp（）；
$（window.removeEventListener（'scroll'，arguments.callee，false）；
});
}

单击“X”后，您可以使用开/关方法解除滑块向下的绑定

$("#topDiv").hide();

$(window).on('scroll', showTopDiv);

function showTopDiv() {
      if ($(window).scrollTop() + $(window).height() > $(document).height() - 500) {
          $("#topDiv").slideDown();
      }
}

$(window).on('scroll', function() {
      if ($(window).scrollTop() + $(window).height() < $(document).height() - 800) {
          $("#topDiv").slideUp();
      }
});

$("#closeTop").click(function () {
      $("#topDiv").slideUp();
      $(window).off('scroll', showTopDiv);
      return false;
});

$（“#topDiv”）.hide（）；
$（窗口）.on（'scroll'，showTopDiv）；
函数showTopDiv（）{
if（$（窗口）.scrollTop（）+$（窗口）.height（）>$（文档）.height（）-500）{
$（“#topDiv”）.slideDown（）；
}
}
$（窗口）.on（'scroll'，function（）{
如果（$（窗口）.scrollTop（）+$（窗口）.height（）<$（文档）.height（）-800）{
$（“#topDiv”）.slideUp（）；
}
});
$（“#closeTop”）。单击（函数（）{
$（“#topDiv”）.slideUp（）；
$（窗口）.off（'scroll'，showTopDiv）；
返回false；
});

另外，在slideup函数中，将

$（“#topDiv”）.is（“：visible”）

添加到if语句将确保它不会被不必要地执行

是否真的需要在每个卷轴上绑定单击功能