MortSith
@MortSith

Почему не меняется класс при скролле?

<script setup>
import { reactive, ref } from 'vue'



const ifScroll = ref(false)

window.addEventListener('scroll', function(event) {
  app.ifScroll = window.scrollY > 50
  console.log('jjj',app.ifScroll);
  console.log('ggg', window.scrollY);

})

</script>

<template>
  <header class="header header__container"
  :class="[ifScroll ? 'scrolledClass': 'no']"

  >
</template>
  • Вопрос задан
  • 71 просмотр
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Встречный вопрос - почему вы решили, что класс должен меняться? Может, всё-таки стоит почаще заглядывать в документацию, а?

app.ifScroll =

Меняйте эту чушь на ifScroll.value =.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
firedragon
@firedragon
Senior .NET developer
а вы не чего не присваиваете посмотрите код
window.addEventListener("scroll", (function(t) {
                var e = document.documentElement.scrollTop
                  , r = (e / 3).toFixed(2)
                  , a = document.querySelector(".splash");
                null !== a && (a.style.backgroundPosition = "0px -" + r + "px");
                var n = document.querySelector("#home > .navbar");
                e > 50 ? n.classList.remove("is-transparent") : n.classList.add("is-transparent")
            }
            ));
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы