Bonjour,
J'ai lu les différents articles sur les sliders en ccs3 sans javascript :
le tutoriel de Geoffrey Crofte (qui n'est pas le frère de Lara, on le sait!) sur son blog
le correctif de Vincent De Oliveira : Astuce-Empecher-le-scroll-avec-l-utilisation-de-target
ce topic :http://forum.alsacreations.com/topic.php?fid=1&tid=57987&s=empecher+le+scroll+target+css3
etc...j'ai cherché aussi en anglais sur css tricks ou stackoverflow etc...
Je voudrais faire une navigation horizontale en css3 sans javascript et lors du clic sur les boutons l'appel des ancres provoque un scroll vertical de l'écran. D’après ce que j'ai compris c'est normal et l'astuce de css3create doit permettre d’empêcher cela.
j'ai utiliser un tutoriel de codrops pour le slider :http://tympanus.net/codrops/2012/01/30/page-transitions-with-css3/
le truc fonctionne sans le menu caché mais j'avoue que je ne saisi pas très bien comment faire pour empecher ce srcoll.
Ce que je crois comprendre :
On cible vers un lien qui va être masqué par un display:none , ce lien via le selecteur d'adjacence redirige vers le lien réel à atteindre, ainsi le lien vers l'ancre ne provoque pas de scroll puisque celui-ci est masqué....???
Bon j'ai essayé de faire ça ici :http://jsfiddle.net/cbazebre/qXCXK
Si quelqu'un peu essayé de m'expliquer le truc ça serait sympa. Merci...
Modifié par cba (18 Mar 2013 - 14:11)
J'ai lu les différents articles sur les sliders en ccs3 sans javascript :
le tutoriel de Geoffrey Crofte (qui n'est pas le frère de Lara, on le sait!) sur son blog
le correctif de Vincent De Oliveira : Astuce-Empecher-le-scroll-avec-l-utilisation-de-target
ce topic :http://forum.alsacreations.com/topic.php?fid=1&tid=57987&s=empecher+le+scroll+target+css3
etc...j'ai cherché aussi en anglais sur css tricks ou stackoverflow etc...
Je voudrais faire une navigation horizontale en css3 sans javascript et lors du clic sur les boutons l'appel des ancres provoque un scroll vertical de l'écran. D’après ce que j'ai compris c'est normal et l'astuce de css3create doit permettre d’empêcher cela.
j'ai utiliser un tutoriel de codrops pour le slider :http://tympanus.net/codrops/2012/01/30/page-transitions-with-css3/
le truc fonctionne sans le menu caché mais j'avoue que je ne saisi pas très bien comment faire pour empecher ce srcoll.
Ce que je crois comprendre :
On cible vers un lien qui va être masqué par un display:none , ce lien via le selecteur d'adjacence redirige vers le lien réel à atteindre, ainsi le lien vers l'ancre ne provoque pas de scroll puisque celui-ci est masqué....???
Bon j'ai essayé de faire ça ici :http://jsfiddle.net/cbazebre/qXCXK
Si quelqu'un peu essayé de m'expliquer le truc ça serait sympa. Merci...
Modifié par cba (18 Mar 2013 - 14:11)