retour en haut de page

Version imprimable

30/05/2012, 15h27
T4GAD4

retour en haut de page

Bonjour a tous j'ai un lien html pour un retour en haut d epage qui marche tres bien:

Code:

<a href="essai.html#top"><img src="../../../../images/fleche.png" id="fleche"/></a>

seulement voila j'aimerai que la fleche n'apparaisse pas quand on est en haut de la page... aidez moi!!!

merci d'avance! =)
31/05/2012, 00h32
Muchos
Alors… :)

Primo : pour faire un lien vers le haut de page, ce code suffirait :
Code:

1 2 3 <a href="#"><img alt="Haut de page" src="../../../../images/fleche.png" id="fleche"/></a> 
Deuxio : Je ne crois pas qu'avec css, on puisse cacher la flèche quand on est en haut. D'ailleurs, ça ne pose aucun problème à mon avis…
31/05/2012, 06h24
Neckara

Je ne suis pas sûr, mais n'est-il pas possible de détecter la position de l'utilisateur dans ta page via JavaScript?
Il te suffirait alors d'avoir une div et de modifier son contenu (mettre une image s'il y en a pas et que l'utilisateur n'est plus en haut et enlever l'image s'il y en a une et que l'utilisateur est en bas de page)

Salut,
Tu peux le faire mais tu dois utiliser du Jquery :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<script type="text/javascript">  
$(document).ready(function(){  
         $('body').prepend('<div class="scrollTo"><a href="#top"><img src="images/la_fleche_top.png" /></a></div>');  
             $('.scrollTo').css({  
        'position'              :   'fixed',  
        'float'                 :   'left',  
        'bottom'                :   '50px',  
        'display'               :   'none',  
        'padding'               :   '20px',  
        'z-index'               :   '2000'  
    }); 
        $(window).scroll(function(){ if ($(window).scrollTop() > '600') { 
                $('div.scrollTo').fadeIn(); } 
        else if ($(window).scrollTop() < '600') { 
                $('div.scrollTo').fadeOut(); 
        } }); 
        
        $('a[href="#top"]').click(function(){ 
        $('html, body').animate({scrollTop:0}, 'slow'); 
        return false; }); 
});  
</script>

31/05/2012, 11h33
RomainVALERI

Citation:

Envoyé par Meloooo

Tu peux le faire mais tu dois utiliser du Jquery

:koi: pour lire/modifier la position courante du scroll principal ? Il faut jQuery ? :no: Ah non, pas du tout...

Essaie ça dans ta console Firebug :

Code:

document.body.scrollTop = 0;
31/05/2012, 11h38
Meloooo

Oui je me suis mal exprimé, il y a plusieurs solutions, et je lui en donne une en Jquery.
31/05/2012, 12h29
tigunn

tu peux regarder du côté de jQuery ui totop.
exemple: http://www.mattvarone.com/web-design...jquery-plugin/