BareCreative Posted November 14, 2022 Share Posted November 14, 2022 Hello, I am wondering if anyone can point me in the right direction, currently not started the build on the site yet but the client has seen this action on the site - https://forner.studio/ Where the text is sticky on the right hand side while scrolling through images on the left, which is fine as I think I have seen either a plugin or custom code enabling sticky sections in vertical scroll. The code I would be trying to work out would be how to have the individual word within the text also change depending on scrolling height? The site I am referencing is above and below is a screen shot of the section I was referring too. Link to comment
Ziggy Posted November 14, 2022 Share Posted November 14, 2022 Making that text sticky within the section isn't too difficult, Custom CSS like this targeting the FE block ID: @media screen and (min-width:768px) { .fe-block-09dfbdc20905a12cdcd8 { position:sticky; top:60px; } } To have the word change, there are plenty of plugins available, but I don't recall one that changes based on scroll position. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? 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