CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[AIDE] Effet au scroll

BartholomewJojo
BartholomewJojo
Niveau 9
26 mars 2016 à 16:38:13

Bonjour à tous,

J’aimerai reproduire l’effet qu’il y a sur ce site : http://aaronporter.co/work lorsque l’ont scroll la page.
Donc la section d’intro qui se réduit un peu et qui devient légèrement transparente puis le contenu qui vient par-dessus.

Je voulais savoir si un plug-in existe pour faire quelque chose de similaire ?
Ou alors si quelqu’un aurait une idée de comment on peut faire cela?

Je ne suis malheureusement pas très doué en JavaScript ou jQuery donc si quelqu’un arrivait à m’aider un peu ça serait cool.

Merci a tous

skytoss592
skytoss592
Niveau 2
26 mars 2016 à 17:21:25

si sa peut t'aider un peut dans ta recherche, c'est un plugin wordpress

BartholomewJojo
BartholomewJojo
Niveau 9
26 mars 2016 à 21:11:29

Merci pour ta réponse, je vais voir cela :)

crow999
crow999
Niveau 9
27 mars 2016 à 12:38:48

ya moyen avec greensock.
dans un .scroll();
tu inclus les lignes scale à 0.7 et alpha à 0.5
un truc du genre...

dans ton Css tu met
*{z-index : 5}
et à ton image un z-index inférieur.

à tester...

Diabolo09
Diabolo09
Niveau 10
29 mars 2016 à 14:06:55

Avec skrollr.js tu dois pouvoir faire cela.

A l'époque ce tuto m'avais permis de pas mal démarrer.
https://ihatetomatoes.net/create-scrolling-slideshow-using-skrollr/
On y explique pas comment faire ce que tu veux, mais si tu comprends le principe, tu ne devras pas avoir trop de mal à le faire toi même ;-)

Message édité le 29 mars 2016 à 14:07:09 par Diabolo09
Sous forums
  • Aide à l'achat Mac
  • Macintosh
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Steam Deck
  • Hardware
La vidéo du moment