Effet parallax, plein écran et autres !! |
Répondre | Page 123 5> |
Auteur |
Sujet Recherche Options des sujets
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
Envoyé : 19 Mai 2015 à 16:26 |
Bonjour,
reprenant un site pour un nouveau projet (perso cette fois), je teste différentes options supplémentaires. Pour ceux qui l'ignore, voila la base : 1 menu sur calque qui reste fixe en hauteur 1 page index avec l'ensemble des pages. 1 panneau d'éléments avec la fonction "bigpanel" et en relative Des panneaux d'éléments dedans pour chaque page (dimensions 100% largeur et hauteur 768px) avec la fonction "panel" Le code Larsène pour que les "panel" soient plein écran et s'adaptent selon la taille des navigateurs. Voila le site de base donc. Sur celui ci, j'ai attribué la fonction parallax au fond de chaque panel. Ca fonctionne plutôt bien. Maintenant, pour mon projet personnel, je vais pousser le bouchon un peu plus loin... je veux garder cet effet parallax sur le fond, mais sur mon bloc central, je veux y ajouter une image qui viendrait en complément du fond. Un visuel pour que tout le monde comprenne bien. Il s'agit de la page Home (sans le menu au dessus). Donc, comme je l'ai indiqué, le fond à une image comme ceci : Image mobilité : fixe Image répétition : fixe Taille (CSS3) : Cover Je veux en fait que le bloc de texte et SURTOUT que l'image représentant le crayon soit fixe aussi mais sans effet parallax. Voila l'image (en rouge) que je veux fixer : J'ai donc fait ceci (ma base de réflexion) Un panneau d'éléments dans "panel" appelé "fond_fixe" avec une image en fond (de la même taille que l'image de fond de "panel") représentant que le bout du crayon. Hauteur & largeur 100% Image mobilité : fixe Image répétition : fixe Taille (CSS3) : Cover Autrement dit, identique à "panel". Hors, mes tests ne sont pas concluants. Le crayon se ballade n'importe où...une idée donc? Où mon approche n'est pas la bonne?
Edité par brolysan - 22 Mai 2015 à 17:37 |
|
Larsene
Admin Group Depuis le: 05 Mar 2012 Pays: France Status: Inactif Points: 5388 |
Options des messages
Thanks(0)
|
merci qui ? O:-)
un lien vers tes tests ? Il faut qu'il "reste fixe", mais par rapport à quoi ?? Pour des effets parallax, aucun élément ne reste fixe, mais bouge à des vitesses différentes (voire inversée) par rapport au scroll... Edité par Larsene - 19 Mai 2015 à 17:25 |
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
Ne t'inquiètes pas Larsène, je te cite toujours. Pour le lien, le voila en MP.
|
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
quoi que vu qu'il est en cours, et qu'il met totalement personnel, je mets le lien içi.
|
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
Personne aurait une idée de comment aborder le problème?
Larsène, je ne retrouve pas ton topic avec tes trois boutons...
|
|
Larsene
Admin Group Depuis le: 05 Mar 2012 Pays: France Status: Inactif Points: 5388 |
Options des messages
Thanks(0)
|
Ben en fait, il est bien fixe....
Par contre, si tu veux qu'il bouge au même rythme de scroll, vire juste le background-attachment: fixed; des propriétés du panneau ... |
|
Larsene
Admin Group Depuis le: 05 Mar 2012 Pays: France Status: Inactif Points: 5388 |
Options des messages
Thanks(0)
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
look ce que ca donne comme effet...
|
|
Larsene
Admin Group Depuis le: 05 Mar 2012 Pays: France Status: Inactif Points: 5388 |
Options des messages
Thanks(0)
|
Ben tu veux quoi comme effet ?
|
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
l'effet est bon, mais du coup, si je vire le "fixed", je me retrouve avec une bande blanche en dessous du menu.
|
|
Répondre | Page 123 5> |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |