Как вызвать функцию несколько раз?

Question

[struhovv]

Нужно, чтобы функция срабатывала каждый раз, когда скролл доходит до элемента active. Работает только с первым элементом, что делать?

Answer 1

[0xD34F]

function scrollTracking() {
  const wt = $(window).scrollTop();
  const wh = $(window).height();

  $('#console').html($('.active').get().find(n => {
    const et = $(n).offset().top;
    const eh = $(n).outerHeight();
    return wt > et && wt + wh - eh * 2 <= et + (wh - eh);
  }) ? 'Работает' : 'Не работает');
}

Comments

[struhovv]

0xD34F , подскажите пожалуйста, а как элементу #console менять класс еще одновременно?

[0xD34F]

struhovv,

function scrollTracking() {
  const wt = $(window).scrollTop();
  const wh = $(window).height();

  const el = $('.active').get().find(n => {
    const et = $(n).offset().top;
    const eh = $(n).outerHeight();
    return wt > et && wt + wh - eh * 2 <= et + (wh - eh);
  });

  $('#console')
    .toggleClass('fucking-class', !!el)
    .html(el ? 'Работает' : 'Не работает');
}