BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Discussion générale openElement
  Nouveaux messages Nouveaux messages Fil RSS  - Effet parallax, plein écran et autres !!
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Effet parallax, plein écran et autres !!

 Répondre Répondre Page  123 5>
Auteur
Message
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Sujet: Effet parallax, plein écran et autres !!
    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 Beer pour que les "panel" soient plein écran et s'adaptent selon la taille des navigateurs.

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
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 19 Mai 2015 à 17:10
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
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 19 Mai 2015 à 17:23
Message posté par Larsene Larsene a écrit:

merci qui ? O:-)

un lien vers tes tests ? Il faut qu'il "reste fixe", mais par rapport à quoi ??

Ne t'inquiètes pas Larsène, je te cite toujours. Wink

Pour le lien, le voila en MP.
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 19 Mai 2015 à 17:42
quoi que vu qu'il est en cours, et qu'il met totalement personnel, je mets le lien içi.
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 20 Mai 2015 à 14:39
Personne aurait une idée de comment aborder le problème?

Larsène, je ne retrouve pas ton topic avec tes trois boutons...
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 20 Mai 2015 à 15:15
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 ...
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 20 Mai 2015 à 15:18
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 20 Mai 2015 à 15:59
Message posté par Larsene Larsene a écrit:

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 ...

look ce que ca donne comme effet...Confused
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 20 Mai 2015 à 16:37
Ben tu veux quoi comme effet ?
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 20 Mai 2015 à 17:44
l'effet est bon, mais du coup, si je vire le "fixed", je me retrouve avec une bande blanche en dessous du menu.
Haut de la page
 Répondre Répondre Page  123 5>
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.078 secondes.