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

Locomotive Scroll

PROJECT[Vayne]
PROJECT[Vayne]
Niveau 10
20 octobre 2021 à 14:19:44

Est-ce que vous arrivez à faire marcher cette librairie ? Moi quand je scroll ça ne va pas jusqu'en bas de la page je comprend pas et la moitié des propriétés ne fonctionnent pas. Comme data-scroll-direction ou data-scroll-sticky...

Marav
Marav
Niveau 52
20 octobre 2021 à 14:25:57

Ton code ?
Poste tes messages d'erreurs sinon on pourra pas t'aider.

Sinon dans le même temps, y a l'api Interesection Observer qui fait ça directement avec le moteur en natif. Pas besoin de librairies tierces.

edit : ah oui j'avais pas vu, tu veux surement faire des effets de parallaxe. Je pensais que ça faisait que révéler des éléments au scroll.

Message édité le 20 octobre 2021 à 14:28:23 par Marav
PROJECT[Vayne]
PROJECT[Vayne]
Niveau 10
20 octobre 2021 à 15:03:30

Le 20 octobre 2021 à 14:25:57 :
Ton code ?
Poste tes messages d'erreurs sinon on pourra pas t'aider.

Sinon dans le même temps, y a l'api Interesection Observer qui fait ça directement avec le moteur en natif. Pas besoin de librairies tierces.

edit : ah oui j'avais pas vu, tu veux surement faire des effets de parallaxe. Je pensais que ça faisait que révéler des éléments au scroll.

HTML
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.css"> <link rel="stylesheet" href="css/main.css"/> </head>

et à la fin du body j'ai mis ca

<script src="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.min.js"></script>
    <script src="index.js"></script>

JS

const scroll = new LocomotiveScroll({
    el: document.querySelector('[data-scroll-container]'),
    smooth: true
});

Je n'ai aucun message d'erreur dans la console ... Après je peux mettre tout le contenu du body :

PROJECT[Vayne]
PROJECT[Vayne]
Niveau 10
20 octobre 2021 à 15:04:16

Le 20 octobre 2021 à 14:25:57 :
Ton code ?
Poste tes messages d'erreurs sinon on pourra pas t'aider.

Sinon dans le même temps, y a l'api Interesection Observer qui fait ça directement avec le moteur en natif. Pas besoin de librairies tierces.

edit : ah oui j'avais pas vu, tu veux surement faire des effets de parallaxe. Je pensais que ça faisait que révéler des éléments au scroll.

Oui effectivement j'aimerais faire des effets de parallax mais pas que, j'ai pensé à l'intersection observer mais je ne sais pas si je peux mêler les deux.

Sous forums
  • Aide à l'achat Mac
  • Création de Jeux
  • Linux
  • Programmation
  • Création de sites web
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware