laurafishbaum Posted March 27 Share Posted March 27 I'm trying to achieve this exact effect on my homepage as this website: https://matteprojects.com/. I want the section with the video background to remain sticky with the navigation bar at the top, while the text scrolls down. I've been trying to look for custom CSS online but I've been struggling to find this exact effect. See my website here: https://www.laurafishbaum.com/ I managed to achieve the desired text treatment. Any help would be so appreciated! 🙂 Link to comment
tuanphan Posted March 29 Share Posted March 29 You try adding a Section with Video Background and Text over Then share page url, I think we can try some CSS Position fixed to achieve this Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
laurafishbaum Posted April 10 Author Share Posted April 10 @tuanphan thank you! please see here: https://www.laurafishbaum.com/ Link to comment
tuanphan Posted April 13 Share Posted April 13 On 4/11/2024 at 4:51 AM, laurafishbaum said: @tuanphan thank you! please see here: https://www.laurafishbaum.com/ I see you figured it out with this CSS code? section[data-section-id="6604b90178f39158360e93c7"] .section-background { position: fixed; top: 0; height: 100vh; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
laurafishbaum Posted April 16 Author Share Posted April 16 (edited) @tuanphan I used Squarekicker for the fixed background. I want to fix the navigation bar and text so that the text appears in the same spot, as you scroll. I want to get the exact same effect as the website shared above Edited April 16 by laurafishbaum 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