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

Question

[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>

Answer 1

[0xD34F]

Встречный вопрос - почему вы решили, что класс должен меняться? Может, всё-таки стоит почаще заглядывать в документацию, а?

app.ifScroll =

Меняйте эту чушь на ifScroll.value =.

Answer 2

[Владимир Коротенко]

а вы не чего не присваиваете посмотрите код

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")
            }
            ));