"" lag "" au scroll
Yo
Je suis en train de faire un site pour une sorte de médium un peu taré mais pas méchant pour un sou.
Je rencontre un problème au niveau de la conception de ce site,
j’ai des animations qui se lancent au scroll (en occurrence la couleur, l’opacité) le seul problème c’est que ça fait « « laguer » » le site au déroulement de la page
Je vous mets ci-dessous le js
window.addEventListener('scroll', function(e) {
if(window.scrollY < 400){
text.classList.remove("opacity")
}
if(window.scrollY > 400){
text.classList.add("opacity")
}
if(window.scrollY > 800){
content.classList.add("opacity")
}
if(window.scrollY > 1800){
for(let i = 0; i < 3; i++){
moreInfoImgAll[i].classList.add("visi")
}
}
if(window.scrollY < 1800){
for(let i = 0; i < 3; i++){
moreInfoImgAll[i].classList.remove("visi")
}
}
lastScroll = window.scrollY;
this.console.log(lastScroll)
})
Déjà, a partir de 400, à chaque scroll tu trigger la première condition, pareil à 800, et pareil à 1800
Et tant que t'es sous 1800, la dernière est active à chaque fois
On peut en savoir plus sur l'effet voulu ?
Merci pour tes conseils je vais voir ça !