Страницы

Поиск по вопросам

пятница, 12 июля 2019 г.

Как отслеживать scroll?

Как отследить scroll во vue? Вот смотрите, есть div.header.uk-container с высотой 50px, когда пользователь опуститься ниже чем на 100px к div.header.uk-container добавиться класс headerAfter, как такое сделать? Главное, покажите как отследить изменения scroll'a остальное сам, пожалуйста, помогите.


Ответ

Нашел решение: к div'у добавляем такой атрибут v-on:scroll="onScroll" Далее создаем метод onScroll
onScroll(event){ //делаем какие-то действия во время прокрутки }
И еще создаем эти два хука:
created () { window.addEventListener('scroll', this.onScroll); }, destroyed () { window.removeEventListener('scroll', this.onScroll); },

Комментариев нет:

Отправить комментарий