Question

因此,我发现,当你在上页的底部附近开动时,滑坡。在这种四肢中,我有一个“X”掩体,再次推倒它(位于 j)。但是,如果我开车的话,滑坡会再次减少(自然)。因此,我想X首先使“先发制人”陷入瘫痪,然后忽视了导致它陷入瘫痪的职能。

Full code:

  $("#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”被点击后,你可以采用上下限办法,将幻灯片倒塌。

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

Also, in your slideup function, adding $("#topDiv").is( :visible ) to the if statement will make sure it is nt executed uneccessary.

是否确实需要把点击功能与每卷滚动挂钩?

Answer 2

为此:

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

友情链接