Discussion :

[solorac]

Bonjour la communauté,

Je voudrais mettre en place sur le cote de mon site, un "objet image" en défilement qui suivrait la descente de l'ascenseur et qui permettrait, si l'on clique dessus, de remonter vers le haut. Pas en totalité mais petit à petit.

Je ne sais pas comment faire une recherche.

Pouvez-vous m'aider ?

Merci.

[rodolphebrd]

Bonjour,

voici une solution :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
#button-wrap {
  position: fixed;
  bottom: 0px;
  left: 0px;
  top: 50%;
  width:100%;
}
#backToTop {
  position:relative;
  width:500px;
  margin:0 auto;
  z-index: 1000;
  color: #C6C6C6;
}
#content {
  position:relative;
  width:500px;
  height:10000px;
  margin:0 auto;
  background-color:#888;
}
a {
  display: block;
  height:45px;
  width:45px;
  background:url("https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTFc5s93E7CWIWxKfsp8YCfLXryoQUyZQmbZgFkEMRawg9Q8luD3g");   
}

Code html :

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

1
2
3
4
5
6
7
8
9
<div id="content">Lorem ipsum ...
<div id="content">
 
</div>
<div id="button-wrap">
    <div id="backToTop">
        <a href="#top"></a>
    </div>
</div>

http://codepen.io/anon/pen/udsEe

un ajout avec Jquery pour une transition douce du scroll: http://codepen.io/anon/pen/uxGHl

[solorac]

Merci pour ton aide. Je vais essayer.
A+