Событие jQuery, которое запускается при изменении CSS

Question

Я использую метод .animate для перемещения div 100px вправо в течение 1 секунды.

Так что это 1px каждые 10 мс.Есть ли событие, которое будет срабатывать после каждого движения пикселя?Или даже событие, которое срабатывает после каждых 10-20 пикселей движения?

Приведенный выше пример является простым, и я буду использовать его для отслеживания свойства left: нескольких элементов и определения, когдаотображать их, только если они находятся в видимых границах браузера.

Answer 1

функция шага в animate - это то, что вам нужно (для этого нужно немного прокрутить)

Вторая версия .animate () предоставляет вариант шага - обратный вызов функция, которая запускается на каждом этапе анимация. Эта функция полезна для включения пользовательских типов анимации или изменяя анимацию как она есть происходит. Он принимает два аргумента (сейчас и FX), и это установлено на Анимированный элемент DOM.

$(something).animate({
  ..... settings...
},
{
  {
  step: function(now, fx) {
    // where your code goes
  }
});

Answer 2

Вы даже читали API для animate()?

Примеры использования step здесь:

http://www.bennadel.com/blog/1856-Using-jQuery-s-Animate-Step-Callback-Function-To-Create-Custom-Animations.htm

http://james.padolsey.com/javascript/fun-with-jquerys-animate/