Как при скролле добавить класс с помощью VueJs?

Question

[Smeecy Smeecy]

Необходимо при скролле добавить класс элементу. Как это реализовать с помощью VueJs?

Answer 1

[RaulDuke]

Добрый день.

<div id="app" @scroll="letsScroll = true" :class="letsScroll && '_scrolled'">

https://jsfiddle.net/olegcvetkov76/hjvh2n76/

Answer 2

[WebDev]

В методе created добавить eventListener на scroll, в котором и добавлять класс, VueJS то тут причем?

Comments

[RaulDuke]

на мой взгляд это антипаттерн

Answer 3

[Evgeny Kulakov]

Еще добавлю: если нужно ловить скролл на каком-то внутреннем элементе vue, то есть события @scroll и wheel (для колеса мыши).