caffeineandcopics Posted March 29, 2022 Share Posted March 29, 2022 Site URL: https://taranaomi.com/home Hi! Looking to understand and figure out how to code Locomotive scroll. I want my "Works" page to scroll through my portfolio pieces. The project titles will be links to external pages I have set up already. Here's what I'm hoping for: https://mathieulevesque.com/en Here's a couple of resources I've found online: https://codesandbox.io/s/b0c5t?file=/src/App.js:1092-1100 https://locomotivemtl.github.io/locomotive-scroll/ I've looked at YouTube resources and tried to play around with inspect element to see if I could figure it out but nothings worked so far. My site URL is taranaomi.com - any help would be appreciated, even just setting up the overlapping type and images. Thanks! Link to comment
Beyondspace Posted March 29, 2022 Share Posted March 29, 2022 (edited) 52 minutes ago, caffeineandcopics said: Site URL: https://taranaomi.com/home Hi! Looking to understand and figure out how to code Locomotive scroll. I want my "Works" page to scroll through my portfolio pieces. The project titles will be links to external pages I have set up already. Here's what I'm hoping for: https://mathieulevesque.com/en Here's a couple of resources I've found online: https://codesandbox.io/s/b0c5t?file=/src/App.js:1092-1100 https://locomotivemtl.github.io/locomotive-scroll/ I've looked at YouTube resources and tried to play around with inspect element to see if I could figure it out but nothings worked so far. My site URL is taranaomi.com - any help would be appreciated, even just setting up the overlapping type and images. Thanks! Which part in the sample site do you want to achieve? Can you describe more detail about it? Edited March 29, 2022 by bangank36 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
caffeineandcopics Posted March 29, 2022 Author Share Posted March 29, 2022 @bangank36 I'm hoping to apply the locomotive scroll of the portion of this website to my own portfolio pieces on my "works" page. The only portion I'm interested in is the type and photo scrolling vertically. I've tried to look into Locomotive Scroll and I understand the idea of the JS but I'm just a little confused on how to apply it. I have "Project #" (1-6) set up on my own site, I was going to set up photo's as well because it seems like I need to layer sections but I'm not 100% sure. If anyone can help apply it to my website and maybe explain how this example is set up that would be helpful. Thanks Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment