添加一個Javascript偵聽器，該偵聽器在元素具有某個Y位置時觸發

Question

有沒有一種方法可以添加當元素位於某個y位置時觸發函數的偵聽器？

在單擊時，我有一個使jQuery動起來的元素。

在該動畫期間，元素y位置將達到0（並超過該位置）。 當它達到0時，我想觸發另一個顯示不同的功能。

我一直在嘗試閱讀有關使用匿名事件處理的事件管理的信息，但一直無法弄清楚如何使其正常工作。 謝謝！

Answer 1

如果您的動畫從50到-10，則可以將其分成2個動畫。 50至0，以及0至-10。 這將使您有機會在第一個動畫完成時調用函數，而不會在每個步驟上檢查位置。

Answer 2

您可以使用動畫方法的step選項，該方法在動畫的每個步驟均會觸發。 在這里，您可以檢查元素的y位置並觸發所需的事件。

$(element).animate({
  height: '50%'
},
{
  step: function(now, fx) {
     //Here check the y-position of the element and then call the required function
     if($(fx.elem).offset().top == 0){
        //Code here
     }
  }
});