Jump to content
Search Community

robmarshall

Members

  • Posts

    5

  • Joined

  • Last visited

 Content Type 

Posts posted by robmarshall

    locomotive scroll direction with ScrollTrigger

    in GSAP

    Posted

    Hi, when looking at this codepen Locomotive Scroll with ScrollTrigger scrubbing and pinning/

    There is no scroll 'data-direction="" ' up or down, if you set getDirection: true, like the code example below, it does not work!

        
    const locoScroll = new LocomotiveScroll({
  el: document.querySelector(".smooth-scroll"),
  smooth: true,
  getDirection: true
});

    The example from  https://locomotivemtl.github.io/locomotive-scroll/

    has the data-direction="" within the Dom.

    How do you get this code to work with your codepen example?

    Thanks 

    <html class="is-smooth-scroll-compatible is-loaded is-ready has-scroll-init has-scroll-smooth has-scroll-scrolling" data-direction="up" lang="en">

     

    See the Pen 1dc38ca14811bc76e25c4b8c686b653d by GreenSock (@GreenSock) on CodePen

    ScrollTrigger, Parallax and Locomotive Scroll

    in GSAP

    Posted

    Hi, I would like to get Locomotive Scroll to work with some parallax code and ScrollTrigger. I am using the demos
    Parallax scene on scroll - ScrollTrigger
    Locomotive Scroll with ScrollTrigger scrubbing and pinning
    but when I add the Locomotive Scroll, it breaks the parallax code.
     
    How do I get the parallax code to work with the Locomotive Scroll?
    Thanks

     

    See the Pen abdaOGg by robmarshall01 (@robmarshall01) on CodePen

×
×
  • Create New...