Как отследить 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);
},
Комментариев нет:
Отправить комментарий