Jump to content

Recommended Posts

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
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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?

image.thumb.png.beac2ce59b6a4095c0e2ad86ceb65d9a.png

Edited by bangank36

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget 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

@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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.