Flèche en bas de pas qui apparait au scroll et qui permet au clic de revenir à top: 0px

**dhillig** · 27/02/2016, 12h16

Bonjour à tous,
Je cherche à mettre une flèche en bas de page qui apparaît au scroll et qui permet de revenir en haut de page lors du clic.
Que de solutions sur le net, les unes aussi efficaces que les autres. Seulement, cela ne fonctionne pas sur ma page : rien n'apparaît

Prenons l'exemple de melka one (qui fonctionne parfaitement)
http://www.developpez.net/forums/d15...n-scroll-page/
Je n'ai rien qui s'affiche. Par contre, si je mets une opacité 1 au btt :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
#btt{
opacity:1;

le bouton s'affiche (mais est inactif). Je pensais que c'était un problème de z-index... mais non

Quelqu'un aurait-il une idée du problème (que je n'ai jamais rencontré auparavant) ?
Merci pour votre aide et bon week-end,
dh

Invité · 27/02/2016, 12h37

Bonjour,

le script en question fonctionne tel quel.

Donc, si tu l'as correctement copié-collé, mais que tu as un problème, qu'en déduis-tu ?

**dhillig** · 27/02/2016, 12h43

Bonjour Jérôme,
J'en déduis que le problème est ailleurs

J'ai testé tous les scripts, problème identique

Invité · 27/02/2016, 12h50

Tu peux aussi en déduire qu'on ne peut pas te répondre sans voir le code....

N.B. Je pense que tu devrais faire le ménage dans tes scripts JS.
Et voir si certains ne rentrent pas en conflit avec d'autres.

**dhillig** · 27/02/2016, 12h59

Le code (la page) mais sans la "flèche"/js :
http://extraboldital.com/dedicaces.html
Oui, je pense plutôt au conflit

Invité · 27/02/2016, 13h03

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="text/javascript" src="Templates/jquery.sticky.js"></script>

Le chemin n'est pas le bon (page non trouvée)

et là, 2 fois le même code ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<script>
    $(window).load(function(){
      $("#menu").sticky({ topSpacing: 0 });
    });
  </script> 
<script>
    $(window).load(function(){
      $("#menu").sticky({ topSpacing: 0 });
    });
  </script>

Si ta page est déjà vérolée (ton sticky menu ne fonctionne pas), il y a peu de chance que rajouter encore une couche là-dessus fonctionne...