Оптимизация производительности события scroll во vue.js?

Question

[be_a_man]

Всем привет!

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

Т.е. в каждом компоненте мне нужно прослушивать event scroll. Если таких компонентов много, производительность будет хромать. Собственно как правильно это делается?

Comments

[WapSter]

Почему бы просто не смотреть через watch значение скролла и при определенном условии запускать необходимую анимацию.

[be_a_man]

WapSter, можно вообще значение скролла записывать во vuex, но нужно же еще отслеживать положение самого элемента.

[WapSter]

be_a_man, https://developer.mozilla.org/ru/docs/Web/API/Inte... для ie нужно будет только вешать множество событий scroll. Более оптимизировано.

Answer 1

[be_a_man]

Сам спросил - сам ответил(. https://codesandbox.io/s/vue-template-d6nw5