javascript - 忽略函数？

Question

所以我有一个 div，它会在您滚动到页面底部附近时向下滑动。在那个 div 中，我有一个“X” anchor ，它再次向上滑动(这是在 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;
      });
  });

Demo Page ( http://tutorials.underbakke.net/js/function/ )

Answer 1

您可以使用开/关方法在单击“X”后取消绑定(bind) slidedown

$("#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;
});

此外，在您的 slideup 函数中，将 $("#topDiv").is(':visible') 添加到 if 语句将确保它不会被不必要地执行。

真的有必要在每个滚动条上都绑定(bind)点击功能吗？