Question

社区新手和编程新手。

以下是我要做的事情，我希望在网页上向下滚动到1000时淡入图像，然后在向上滚动时淡出。这部分工作得很好。但只有一次！问题是我不能让它多次执行。无论何时向上和向下滚动，我都会错过什么来重复这个？

$(window).bind("scroll", function() {
  if ($(this).scrollTop() > 1000) { 
    $("#logo2").fadeIn();
    checkOffset(); 
  } else {
    $("#logo2").stop().fadeOut();
  }
});

感谢任何帮助。

Answer 1

尝试将animate与opacity一起使用。

$(window).on("scroll", function() {
  var logo = $("#logo2");

  logo.clearQueue();
  logo.stop();

  if ($(this).scrollTop() > 1000) { 
    logo.animate({opacity: 1}, 400);
  } else {
    logo.animate({opacity: 0}, 400);
  }
});

https://jsfiddle.net/32eckm71/35/

Jquery淡入/淡出滚动只发生一次

1 个答案: