Как отследить событие скроллинга НА ЭЛЕМЕНТЕ?

Question

[RMate]

Собственно сабж, необходимо отлавливать событие скроллинга непосредственно на элементе, что-то вроде $element.bind('mousewheel', ...) в jQuery. Есть ли такое событие? поиском ничего дельного кроме костылей не нашёл

Answer 1

[0xD34F]

необходимо отлавливать событие скроллинга

что-то вроде $element.bind('mousewheel',

Так скролл, или колесо мыши? Вы уж определитесь.

Ну а так-то всё просто:

<div @wheel="onWheel" @scroll="onScroll">

methods: {
  onWheel() {
    console.log('wheel');
  },
  onScroll() {
    console.log('scroll');
  },
},

Comments

[RMate]

Прошу прощения, перепутал скролл и колесо мыши, отчего и не нашёл адекватной информации) спасибо!

[Вадим]

Еще желательно использовать throttle или debounce: по ситуации.

Answer 2

[WebDev]

<div @scroll="handler">
</div>

Comments

[RMate]

Ваш vue.js-код уж больно похож на тот jQuery, который я в примере показал)

[WebDev]

Вам нужно на vue? Тогда

<div @scroll="handler">
</div>

[RMate]

WebDev, Спасибо. Как поправили ниже, мне нужно было событие wheel. однако на ту белеберду, которую я сформулировал - вы ответили правильно, поэтому считаю, что ваш ответ тоже можно считать правильным)