28172 sujets

CSS et mise en forme, CSS3

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)
Re-bonjour,

j'ai essayé de supprimé la class .panel pour appliqué l'effet de transition directement sur les div. Apparemment çà ne fonctionne ps non plus par contre la première div apparait alors qu'avant elle était invisible...ou peut être pas en fait...

attendez je reviens...

Bon...?

Peut-être ai-je mal expliqué mon problême, ou suis-je dans la mauvaise rubrique du forum?
Ou alors c'est trop idiot comme question, et personne n'a pitié...

Bon je vais continuer à chercher en tout cas.
Modifié par cba (19 Mar 2013 - 08:45)
Bonjour,

j'ai simplifié un peu les chose en enlevant les trucs inutiles :

http://jsfiddle.net/cbazebre/qXCXK

Donc on voit bien le fonctionnement des panneaux glissants et le scroll vertical qui se fait lorsqu'on clic sur un bouton "sousmenu".

Peut-être que ce sera plus clair comme ça?

Donc ce que je voudrais, c'est trouvé un moyen d’empêcher ce scroll vertical.

Personne n'a une petite idée ?