jQuery 向上/向下滾動動畫阻塞

Question

我有兩個動畫的問題，一個向下滾動，一個向上滾動（當用戶完全向上滾動時）。 動畫相互阻塞 - 使用以下源代碼：

 jQuery(document).ready(function($) { $(window).on("load",function() { $(window).scroll(function(){ if($(window).offset().top == 0){ $("selector").animate({}, 500); $("selector").animate({}, 500); } else { $("selector").animate({}, 500); $("selector").animate({}, 500); } }); }).scroll(); });

所以恰好在if的true語句塊之后直接又執行了else部分，因此animation部分根本沒有執行或者兩個都一個接一個執行。 有沒有人知道動畫是可靠執行的：

• 否則 animation 一旦向下滾動完成
• if-動畫再次完全向上滾動

提前致謝！

Answer 1

$(window).offset().top是沒有意義的，因為......它按照它說的做。 0 。
也許，在"scroll"事件上你想獲得$(window).scrollTop()

jQuery($ => {

  const $win = $(window);
  const $items = $(".item");

  $win.on("scroll", () => {
    $items.toggleClass("active", $win.scrollTop() == 0);
  });

  $win.on("load", () => {
    $win.trigger("scroll");
  });
});

.active {
  /* your styles here */
}