HTML Descente de la page
Résolu/Fermé
florianlp
Messages postés
72
Date d'inscription
mercredi 15 février 2012
Statut
Membre
Dernière intervention
21 octobre 2015
-
15 févr. 2012 à 17:51
florianlp Messages postés 72 Date d'inscription mercredi 15 février 2012 Statut Membre Dernière intervention 21 octobre 2015 - 16 févr. 2012 à 22:46
florianlp Messages postés 72 Date d'inscription mercredi 15 février 2012 Statut Membre Dernière intervention 21 octobre 2015 - 16 févr. 2012 à 22:46
A voir également:
- HTML Descente de la page
- Supprimer une page word - Guide
- Page d'accueil iphone - Guide
- Traduire une page web - Guide
- Word numéro de page 1/2 - Guide
- Editeur html - Télécharger - HTML
8 réponses
bg62
Messages postés
23590
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
15 avril 2024
2 362
Modifié par bg62 le 15/02/2012 à 19:58
Modifié par bg62 le 15/02/2012 à 19:58
il suffit de regarder ton code source, par exemple :
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:
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
<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
florianlp
Messages postés
72
Date d'inscription
mercredi 15 février 2012
Statut
Membre
Dernière intervention
21 octobre 2015
15 févr. 2012 à 20:04
15 févr. 2012 à 20:04
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
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
bg62
Messages postés
23590
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
15 avril 2024
2 362
15 févr. 2012 à 20:12
15 févr. 2012 à 20:12
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 ... ;)
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 ... ;)
florianlp
Messages postés
72
Date d'inscription
mercredi 15 février 2012
Statut
Membre
Dernière intervention
21 octobre 2015
15 févr. 2012 à 20:20
15 févr. 2012 à 20:20
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
Cordialement
bg62
Messages postés
23590
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
15 avril 2024
2 362
15 févr. 2012 à 20:28
15 févr. 2012 à 20:28
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 " ???
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 " ???
florianlp
Messages postés
72
Date d'inscription
mercredi 15 février 2012
Statut
Membre
Dernière intervention
21 octobre 2015
15 févr. 2012 à 20:36
15 févr. 2012 à 20:36
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^^
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^^
bg62
Messages postés
23590
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
15 avril 2024
2 362
15 févr. 2012 à 20:54
15 févr. 2012 à 20:54
mets du contenu, des images dans ta page comme dans l'autre et tu verras l'effet que cela donne ...
bg62
Messages postés
23590
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
15 avril 2024
2 362
15 févr. 2012 à 20:56
15 févr. 2012 à 20:56
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 :)
bg62
Messages postés
23590
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
15 avril 2024
2 362
15 févr. 2012 à 21:02
15 févr. 2012 à 21:02
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...
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...
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
didrissi
Messages postés
144
Date d'inscription
lundi 19 novembre 2007
Statut
Membre
Dernière intervention
23 janvier 2014
163
15 févr. 2012 à 21:02
15 févr. 2012 à 21:02
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.
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.
irreligious
Messages postés
110
Date d'inscription
samedi 11 juin 2011
Statut
Membre
Dernière intervention
11 juin 2014
25
16 févr. 2012 à 10:34
16 févr. 2012 à 10:34
tu peut aussi regarder du coté du jquery mobile qui est assez simple et tres pratique
=>http://jquery-mobile.touraineverte.com/index.html
=>http://jquery-mobile.touraineverte.com/index.html
Mihawk
Messages postés
4313
Date d'inscription
mercredi 29 mars 2006
Statut
Contributeur
Dernière intervention
6 janvier 2015
845
16 févr. 2012 à 14:31
16 févr. 2012 à 14:31
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
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
florianlp
Messages postés
72
Date d'inscription
mercredi 15 février 2012
Statut
Membre
Dernière intervention
21 octobre 2015
16 févr. 2012 à 22:46
16 févr. 2012 à 22:46
Problème résolu, j'ai réussi a trouver ca : https://pastebin.com/1SbZ3rNP
Simple et rapide !
Encore Merci à tous.
Simple et rapide !
Encore Merci à tous.
