Discussion :

[T4GAD4]

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

Code :

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

<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! =)

[Muchos]

Alors…

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

Code html :

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

1
2
3
 
<a href="#"><img alt="Haut de page" src="../../../../images/fleche.png" id="fleche"/></a>
<!-- Bien penser au alt sur les images -->

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…

[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)

[Meloooo]

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

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
 
<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>

[RomainVALERI]

Tu peux le faire mais tu dois utiliser du Jquery

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

Essaie ça dans ta console Firebug :

Code :

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

document.body.scrollTop = 0;

[Meloooo]

Oui je me suis mal exprimé, il y a plusieurs solutions, et je lui en donne une en Jquery.