The error is straightforward: Operator '>' cannot be applied to types 'number' and 'Ref<number>'.
But the fact that I cannot make a comparison between 2 numbers is absurd, here's the code, I'm quite new with Typescript, so some help would be very appreciated:
// Scroll logic:
let lastScroll = ref<number>(0)
const handleScroll = () => {
const body = document.body
window.addEventListener('scroll', () => {
const currentScroll = window.scrollY
if (currentScroll <= 0) {
body.classList.remove('scroll-up')
}
if (
currentScroll > lastScroll &&
!body.classList.contains('scroll-down')
) {
body.classList.remove('scroll-up')
body.classList.add('scroll-down')
}
if (
currentScroll < lastScroll &&
body.classList.contains('scroll-down')
) {
body.classList.remove('scroll-down')
body.classList.add('scroll-up')
}
lastScroll = currentScroll
})
}
the error is in the if() comparison:
