HTML Descente de la page

Résolu/Fermé
Signaler
Messages postés
72
Date d'inscription
mercredi 15 février 2012
Statut
Membre
Dernière intervention
21 octobre 2015
-
Messages postés
72
Date d'inscription
mercredi 15 février 2012
Statut
Membre
Dernière intervention
21 octobre 2015
-
Bonjour,

Je voudrais savoir si quelqu'un sait comment quand l'utilisateur clique sur un lien du menu on voit la page descendre a l'endroit demander car la actuellement voilà ce qui se passe quand on clique sur un lien du menu : http://test.florianlp.fr/inc/

Par exemple quand on clique sur contact la page descend directement a l'endroit ou est la partie contact de la page mais on ne voit pas l'effet de la descente du haut du site a la partie contact.

Je pense qu'une personne sur deux va comprendre ce que je dit mais bon, on verra bien.

Merci d'avance

Cordialement

8 réponses

Messages postés
23187
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
28 novembre 2021
2 293
il suffit de regarder ton code source, par exemple :
     <ul> 
         <li><a href="" class="active">HOME</a></li> 
                                            <li><a href="#howdy">ABOUT</a></li> 
         <li><a href="#portfolio">PORTFOLIO</a></li> 
                                            <li><a href="#">BLOG</a></li> 
         <li><a href="#contact">CONTACT</a></li> 

     </ul>


donc quand on clique sur "PORTOFOLIO" on se retrouve sur l'ancre "<div id="portfolio">" etc .... sauf pour BLOG qui n'a d'ancre que " # " donc inutile à la place où elle est ....
par contre il vaudrait quand même mieux que tous ces 'liens' aillent vers d'autres pages quand même ... :)

la même chose dans l'autre sens pour retourner en haut:
		<div class="buttons top-holder">
			<a href="#top" class="top-link"><em>&nbsp;</em><span>Top</span></a>
		</div>


ok ? je fais partie des 1/2 ???
;)
le 'www' est fait aussi pour communiquer, partager et échanger, non ?
merci d'avoir la politesse de répondre à ceux qui essaient de vous aider
Messages postés
72
Date d'inscription
mercredi 15 février 2012
Statut
Membre
Dernière intervention
21 octobre 2015

Je n'ai pas tous compris la ^^

Il faut que j'enlève le dièse pour le lien BLOG ? Pourtant ca n'a aucun rapport le BLOG avec ce que j'essaye de vous expliquer.

Enfaite faut que je fasse quoi pour qu'on voit la page descendre
Exemple quand vous cliquez sur ABOUT sur ce site on voit la page descendre jusqu'a l'endroit voulu : http://www.jeremdsgn.com

Cordialement
Messages postés
23187
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
28 novembre 2021
2 293
REGARDE le code source ...
dans ta page quand on clique sur about on arrive bien sur l'ancre qui est :
<a href="#howdy">ABOUT</a>
donc le paragraphe qui s'appelle " howdy! " ....

donc (sauf à un endroit) quand on clique ta page descend bien là où tu mets ton ancre ... ;)
Messages postés
72
Date d'inscription
mercredi 15 février 2012
Statut
Membre
Dernière intervention
21 octobre 2015

Oui ca je sais que ca marche on descend bien à l'endroit voulu mais on ne voit pas l'effet de la descente a la partie voulu faites la comparaison entre les 2 sites vous verrez !

Cordialement
Messages postés
23187
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
28 novembre 2021
2 293
j'ai fait !!
mais tout dépend du contenu, du poids, etc etc des 2 pages...
si l'effet est quasi instantané on ne s'en rend pas trop compte et tant mieux ...:)
où alors je n'ai rien compris du tout ???

c'est quoi " l'effet " ???
Messages postés
72
Date d'inscription
mercredi 15 février 2012
Statut
Membre
Dernière intervention
21 octobre 2015

Comment je pourrais expliquer ca ?! ^^

Quand je parle de l'effet c'est que sur le site http://www.jeremdsgn.com quand on clique sur contact la page descend a l'endroit voulu (on voit la page descendre tout seul) tendis que sur mon site (http://test.florianlp.fr/inc quand on clique sur contact la page se met directement sur la partie contact alors que sur son site on voit la page descendre faite le test vous verez^^
Messages postés
23187
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
28 novembre 2021
2 293
mets du contenu, des images dans ta page comme dans l'autre et tu verras l'effet que cela donne ...
Messages postés
23187
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
28 novembre 2021
2 293
il y a aussi des effets supplémentaires en javaScript sur les images qui ralentissent un peu l'affichage et donnent une autre impression mais pour ce qui est des ancres c'est EXACTEMENT la même chose :)
Messages postés
23187
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
28 novembre 2021
2 293
regarde ceci également:
http://www.jeremdsgn.com/css/design.css

pas tout à fait semblable à:
http://test.florianlp.fr/inc/css/style.css

mais rien à voir encore pour cette histoire d'ascenseur...
Messages postés
144
Date d'inscription
lundi 19 novembre 2007
Statut
Membre
Dernière intervention
23 janvier 2014
163
Bonjour,
On peut faire cet effet de défilement par des liens et du CSS. Par exemple pour Contact:
On met dans le lien: <li><a href="#contact">CONTACT</a></li>
Vous remarques le: #
et dans la partie de la page où se trouve le formulaire de contact, on commence par une div: <div id="contact">
ça se joue au niveau de la feuille de style. Comme si on dit au navigateur d'aller chercher le lien sur lequel on clique dans la page courante.
Messages postés
110
Date d'inscription
samedi 11 juin 2011
Statut
Membre
Dernière intervention
11 juin 2014
25
tu peut aussi regarder du coté du jquery mobile qui est assez simple et tres pratique
=>http://jquery-mobile.touraineverte.com/index.html
Messages postés
4311
Date d'inscription
mercredi 29 mars 2006
Statut
Contributeur
Dernière intervention
6 janvier 2015
830
Hello,

C'est du Javascript qui modifie l'attribut "Scroll" de la page, sans aucun doute, de valeur en valeur jusqu'à la position désirée. Cela entraîne une sensation de défilement.

https://www.mediacollege.com/internet/javascript/page/scroll.html
Messages postés
72
Date d'inscription
mercredi 15 février 2012
Statut
Membre
Dernière intervention
21 octobre 2015

Problème résolu, j'ai réussi a trouver ca : https://pastebin.com/1SbZ3rNP

Simple et rapide !

Encore Merci à tous.