Multiple Sticky Elements In Webflow (Inspired By The Futur)
HTML-код
- Опубликовано: 2 июн 2024
- I recently came across a new landing page for a course from The Futur that featured two sticky items and content/text that scrolled through normally.
I thought it would be a fun project to recreate in Webflow since I know The Futur uses Webflow for their landing pages.
---------------------------
Disclosure: There are affiliate links below, and I may receive commissions for purchases made through these links.
👉Operating System Landing Page
academy.thefutur.com/a/aff_zv...
---------------------------
Tools/Resources I'm Currently Using :
💻 Apple 2023 MacBook Pro Laptop M3 chip
amzn.to/47iLnyh
---------------------------
👉 Access the world’s largest library of Figma & Webflow components
library.relume.io/?via=brian
---------------------------
👉The SEO Plugin for Webflow
Audit, score and optimize your website right in the Webflow designer.
www.semflow.com/?via=brian
---------------------------
👉Try Webflow
webflow.grsm.io/dn8xly95yi9g
---------------------------
👉 Test your websites on 2000+ browsers with LambdaTest
www.lambdatest.com?fp_ref=brian22
---------------------------
👉 Tired of wasting thousands of hours starting from scratch on every project and rebuilding the same components? Check out Untitled UI. Save thousands of hours, and level up as a designer.
untitledui.lemonsqueezy.com?aff=p27pE
---------------------------
👉 Use BRIAN99512 at checkout and get 20% OFF at FULLERMOE. Watch a demo here! fullermoe.com/welcome
---------------------------
👉 Envato Elements
1.envato.market/yR6A4b
---------------------------
#webflow #webdesign
Hey Brian! You saved my entire week!! I was looking for something like that, but I was not founding nothing similar to understand how to make it happen. Thank you so much man!! God bless you!!
This is awesome! Thank you so much. Hope you'll make more tutorials
Thank you so much
Thank you so much. Really appreciate the feedback. Glad it was able to help
Thanks a lot, it's great! It's a shame there are so few likes, you deserve more...
Just like Raphael, I also hope you'll make more cool tutorials!
Thank you so much...really appreciate you taking the time to watch
Thanks man! I've been searching this for sooo long. thanks a lot.
but... idk what I am doing wrong.. it is working only on the last image. otherwise, the 4th one is there for the 1st 4 contens. :(
Any suggestions into how to fit/rearrange this in mobile view? The third column (images) don't fit the screen.
Hmm..I would probably rearrange this or build a mobile-exclusive component where it's a vertical flexbox (or you can use grid too) and have the image and then the corresponding paragraph underneath. I believe that's how The Futur did it as well
So in this example, you would have the picture of Los Angeles and then the rich text underneath. After that, you would have the image of Miami and then Miami's rich text underneath that.
@@brianlove28 I'll fix some stuff tomorrow. I'm pretty new and still practicing (and also very confused) so hopefully I'm able to do just that. Thank you so much!
I agree with the other comments that this is a nice interaction to create. However, a fundamental problem is that Brian offers NO EXPLANATION as to WHY he is doing what he is doing. This is not.a problem exclusive to this video - it is the case of many Webflow (and other) tutorial videos - but it does little to develop understanding allowing one to carry forward given similar tasks.