Jump to content

Scroll Effect

Recommended Posts

I am wondering if someone can help me figure out how to recreate the scroll effect on this website? I am curious how to get the banner to scroll over the video without disrupting the video in the header? It's very seamless. It's not the same thing as having a fixed header but unsure how to code it.

Any recommendations would be greatly appreciated.

Link to comment
  • Replies 3
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

Can you share the website example?

Can you also share your website as the recommendations will vary depending on your version/template?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • 4 weeks later...

I realized it's the parallax effect that I'd like to implement.

 

This is the website I am asking for: https://www.retroweddingfilms.com/

We want to mimic this website: https://www.nativetreefilms.com/?utm_source=theknot.com&utm_medium=referral&utm_campaign=theknot

 

It looks like the logo and below page section scroll over the header video and the header video is stagnant on the page.

Edited by inamichelle
extra info
Link to comment

Sorry, you can do that with an image background, but not a video background natively, and I also don't know of a way to do this with code.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.