HTML Descente de la page
Résolu
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
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
-
Modérateuril 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> </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 -
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 -
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 -
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^^ -
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. -
tu peut aussi regarder du coté du jquery mobile qui est assez simple et tres pratique
=>http://jquery-mobile.touraineverte.com/index.html -
ContributeurHello,
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
-
Problème résolu, j'ai réussi a trouver ca : https://pastebin.com/1SbZ3rNP
Simple et rapide !
Encore Merci à tous.
