Faire apparaître un DIV au scroll
Hello à tous,
J'ai besoin de votre aide :)
Pour faire simple : je souhaite faire apparaître un div lorsque l'on fait défiler la page vers le bas (une flèche pour remonter vers le haut).
Mon code est le suivant :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| // Initial visibility set to "none"
const arrowUp = document.getElementById("arrow-up");
arrowUp.style.display = "none";
// Visibility set to "block" when scrolling
window.addEventListener("scroll", function(){
if(document.scrollTop > 300){
arrowUp.style.display = "block";
}
else{
arrowUp.style.display = "none";
}
}, false); |
J'ai fais pas mal de recherche et je ne comprend pas pourquoi il ne fonctionne pas :(
Pourtant j'ai l'impression que tout est nickel ... Je suis en train de devenir fou :cfou:
J'ai également essayé d'adapter ce code à mon script ... Mais cela ne fonctionne plus du tout une fois copié-collé o_O
Bref : j'ai besoin d'aide :D
