Как лучше реализовать анимацию при скролле?

Question

[700Hp]

Написал директиву для прослушки скролла.

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.directive('scroll', {
    mounted (el, fn) {
      const f = function (e: Event) {
          return fn.value(e, el)
      }
      window.addEventListener('scroll', f)
    },
    unmounted (el, fn) {
      const f = function (e: Event) {
        return fn.value(e, el)
      }
      window.removeEventListener('scroll', f)
    },
  })
})

Инициализация слушателя проходит отлично, а вот удалить не могу. Я так понимаю связано с потерей контекста.

Comments

[Олег Кириллов]

Удаляется листенер через передачу ссылки на ту же функцию, что и при его установке, а тут они разные выходят, пусть и с одинаковым содержимым.