Задать вопрос
@danilr
vue

Почему событие @scroll у Vue не срабатывает?

Почему событие @scroll у Vue не срабатывает? И как сделать, чтобы сработало?
Вот документ, root это область видимости Vue
<body>
    <div id="root">
    <div @scroll="hideHeader" class="all-wrapper">
            <div class='header-sticky' :class="{'header-show': isShowHeader}">
                    <div class="logo">

new Vue({
    el: root,
    data:{
        isAdvantageMore: false,
        currentAdv: '',
        isShowHeader: true
    },
    methods:{
        openAdvantageMore(value){
            this.isAdvantageMore = !this.isAdvantageMore;
            this.currentAdv = value;
            document.body.style.overflow = this.isAdvantageMore? "hidden" : "auto";
        },
        hideHeader(){
            var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
            this.isShowHeader = scrollTop > 100 ? false : true;
            console.log(this.isShowHeader);
        }
    }
});
  • Вопрос задан
  • 5918 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Убедитесь, что обработчик действительно назначен элементу, который скроллится, а не какому-нибудь из его дочерних элементов. Убедитесь, что этому элементу задано свойство overflow: scroll или overflow-y: scroll.
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик VUE (Senior, Middle+)
SOFT DIVISION • Ярославль
от 150 000 до 300 000 ₽
Frontend developer (middle/senior)
//stablecode
от 210 000 ₽
Fullstack разработчик (Laravel+Vue)
Данафлекс • Казань
от 120 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Придумать и разработать свою систему (Kubernetes, yaml)
11 мая 2024, в 07:28
5000 руб./за проект
Разработать игру Дурак на Unity
11 мая 2024, в 06:09
30000 руб./за проект
Доработать обмен заказами 1с
11 мая 2024, в 00:19
1000 руб./за проект
Ещё заказы