HTML Descente de la page

Résolu
florianlp Messages postés 72 Date d'inscription   Statut Membre Dernière intervention   -  
florianlp Messages postés 72 Date d'inscription   Statut Membre Dernière intervention   -
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
A voir également:

8 réponses

bg62 Messages postés 23733 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
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
0
florianlp Messages postés 72 Date d'inscription   Statut Membre Dernière intervention  
 
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
0
bg62 Messages postés 23733 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
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 ... ;)
0
florianlp Messages postés 72 Date d'inscription   Statut Membre Dernière intervention  
 
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
0
bg62 Messages postés 23733 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
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 " ???
0
florianlp Messages postés 72 Date d'inscription   Statut Membre Dernière intervention  
 
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^^
0
bg62 Messages postés 23733 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
mets du contenu, des images dans ta page comme dans l'autre et tu verras l'effet que cela donne ...
0
bg62 Messages postés 23733 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
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 :)
0
bg62 Messages postés 23733 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
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...
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
didrissi Messages postés 144 Date d'inscription   Statut Membre Dernière intervention   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.
0
irreligious Messages postés 110 Date d'inscription   Statut Membre Dernière intervention   25
 
tu peut aussi regarder du coté du jquery mobile qui est assez simple et tres pratique
=>http://jquery-mobile.touraineverte.com/index.html
0
Mihawk Messages postés 4315 Date d'inscription   Statut Contributeur Dernière intervention   846
 
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
0
florianlp Messages postés 72 Date d'inscription   Statut Membre Dernière intervention  
 
Problème résolu, j'ai réussi a trouver ca : https://pastebin.com/1SbZ3rNP

Simple et rapide !

Encore Merci à tous.
0