Problème avec les ancres
Fermé
mikepro60
Messages postés
14
Date d'inscription
samedi 17 août 2019
Statut
Membre
Dernière intervention
9 août 2020
-
12 sept. 2019 à 10:56
mikepro60 Messages postés 14 Date d'inscription samedi 17 août 2019 Statut Membre Dernière intervention 9 août 2020 - 16 sept. 2019 à 18:38
mikepro60 Messages postés 14 Date d'inscription samedi 17 août 2019 Statut Membre Dernière intervention 9 août 2020 - 16 sept. 2019 à 18:38
1 réponse
jordane45
Messages postés
38144
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
21 avril 2024
4 650
12 sept. 2019 à 11:23
12 sept. 2019 à 11:23
Bonjour,
L'ancre.. c'est l'endroit que tu "cibles".
Là, tu parles des "boutons" ( ou liens...) qui permettent de s'y rendre.
Quoi qu'il en soit, il suffit de les mettre en display:none au départ..... puis, via du javascript, détecter le fait que l'utilisateur scroll (et/ou sa position dans la page) pour les rendre visible.
L'ancre.. c'est l'endroit que tu "cibles".
Là, tu parles des "boutons" ( ou liens...) qui permettent de s'y rendre.
Quoi qu'il en soit, il suffit de les mettre en display:none au départ..... puis, via du javascript, détecter le fait que l'utilisateur scroll (et/ou sa position dans la page) pour les rendre visible.
14 sept. 2019 à 08:05
<p><a href="#pied_de_page"><p><img src="images/picture/ancre_bas.jpg" alt="flêche_bas" title="bas de page" id="ancre_entete"></a></p> ancre pour aller au pied de page
<a href="#menucontainer"><img src="images/picture/ancre_haut.jpg" alt="flêche_haut" title="haut de page" id="ancre_pied"></a> ancre pour aller au menu principal
si je veux les cacher je peut appliquer les propriétés css suivantes:
#ancre_entete
{
display: none;
}
#ancre_pied
{
display: none;
}
Le problème est que je n'arrive pas à mettre en place des codes javascript qui permettront de faire réapparaitre ces ancres au moment où le visiteur fait un scroll vers le bas ou vers le haut de la page.
14 sept. 2019 à 11:36
Explications disponibles ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
Ensuite.. tu dis ne pas réussir à mettre en place le Javascript....
Et bien.. montres nous ce que tu as essayé ... sans ça.. comment espères tu qu'on puisse t'aider à corriger ?
(Ici on ne fourni pas le code tout cuit.. il faut déjà nous montrer ce qu'on essaye de coder avant qu'on ne donne une réponse... )
Voila de quoi commencer à t'aider
Pour le scroll:
https://www.w3schools.com/jsref/event_onscroll.asp
Pour le Display :
https://www.w3schools.com/jsref/prop_style_display.asp
16 sept. 2019 à 12:13
16 sept. 2019 à 14:47
pas de script Java :/ mais du JavaScript car Java != JavaScript
pour les erreurs utilisez la console du navigateur elles sont indiquées. les exemples fournit sur w3schools me semblent une bonne base pour faire ce que vous voulez, bonne chance
16 sept. 2019 à 18:38