This is awesome! Just FYI to anyone looking, this design doesn't really work unless the content for every pane is about the same size. Each individual pane's height has a great effect on how this whole thing works. If they're all the same height, it works great. If they are of varying heights that's where it doesn't really work.
Thank you, José! Awesome tutorial. Took me a bit to get it to work on my project, but once I dialed it in…it's so smoooooth!! Great tutorial…your pace and calm demeanor is just the best!
I love the part where you admit that you have difficulty sticking to your schedule... Lol. It sounds alot like me! I've set similar goals; it's hard to "stick" to it. But I can blame Parkinson's! Blessings ~Dennel
Wow youre so underrated. Enjoying your content so far. I just have a question with the div “accordion-pane” cause you first set its position to relative and then you changed it to sticky, why does that not affect the accordion number?
Thank you so much for this tutorial and for thoroughly explaining every step! Has anyone else had a problem where it cuts off the top half of the accordion pane so you can't read all the content? I tried adding some pixels to the top of the sticky position but then the sliding behaviour doesn't work as it should
Hey Jose idk if it is to do with the new Webflow changes but your design no longer works for some reason, in staging it is also off. the top pane is too high above the other two? and when I follow your instructions I get the same issue?
Jose, gracias por tu trabajo es MUY valioso! Thanks guy for your great work. I tried the whole thing, playing around with the upper margin and positioning and after a while it worked out perfectly on desktop device. BUT when i opend the page on Safari or Chrome on my IPad (without Scroll-Function) the Scroll-Effect didnt work and my five panes stucked to the top and didnt open :-( Anybody out there with the same problem or any solutions? T
love your videos and love your voice, it's soo relaxing, thank you Jose!
Great video! watched it for the first time about a year ago and I keep coming back to it for how genius it is
This is awesome! Just FYI to anyone looking, this design doesn't really work unless the content for every pane is about the same size. Each individual pane's height has a great effect on how this whole thing works. If they're all the same height, it works great. If they are of varying heights that's where it doesn't really work.
Great point! You could use a minimum vh style to match the sizing if the content is different.
Welcome back!
Thanks Miguel! Trying to do videos once a week. We'll see if that happens :)
Great video! I just wish there was a recap at the end to remind me of the steps and which I could screenshot to refer back to!
I love the cool thing you bring in your video (we want more of this)
Amazing - thank you, you totally fixed the page I was working on :)
That's a great video Jose. Keep up the great work!
your voice is so soothing
wow man! after a few videos of yours, I decided that you are awesome!
Always amazing videos!! Thank you
Thank you Josea lot, i applied this for my portfolio website
great video explanation ! i'll subs cause of it
It's so cool, and so fun !!! Thank you very much for sharing that tuto with us...
Very helpful. Thanks for sharing.
Thank you Jose!!
Jose, thank you for creating this very thorough and well-considered tutorial. Much obliged!
Thank you, José! Awesome tutorial. Took me a bit to get it to work on my project, but once I dialed it in…it's so smoooooth!! Great tutorial…your pace and calm demeanor is just the best!
Nice work, I like the clean approach!
love your videos Jose,
super friendly.
You are genius! Thank you so much!
Thank you Jose!
Damn you covered everything, not just showing how do it. Loving it! Appreciate it! I'm so gna use this somewhere.
Great video, thanks!
Great video, you're the best!
Thank you for the tutorial
This is awesome! I was just about to research how to achieve something like this, thank you man!
I love the part where you admit that you have difficulty sticking to your schedule... Lol. It sounds alot like me! I've set similar goals; it's hard to "stick" to it. But I can blame Parkinson's! Blessings ~Dennel
Oh... Great demonstration, too!
This is cool ❤️
Nice!!
so easy and nice
broooooooooooooooo i love you
Good job, thx 👏
awesome
Wow youre so underrated. Enjoying your content so far. I just have a question with the div “accordion-pane” cause you first set its position to relative and then you changed it to sticky, why does that not affect the accordion number?
Thank you so much for this tutorial and for thoroughly explaining every step! Has anyone else had a problem where it cuts off the top half of the accordion pane so you can't read all the content? I tried adding some pixels to the top of the sticky position but then the sliding behaviour doesn't work as it should
Hey Jose idk if it is to do with the new Webflow changes but your design no longer works for some reason, in staging it is also off. the top pane is too high above the other two? and when I follow your instructions I get the same issue?
Jose, gracias por tu trabajo es MUY valioso! Thanks guy for your great work. I tried the whole thing, playing around with the upper margin and positioning and after a while it worked out perfectly on desktop device. BUT when i opend the page on Safari or Chrome on my IPad (without Scroll-Function) the Scroll-Effect didnt work and my five panes stucked to the top and didnt open :-( Anybody out there with the same problem or any solutions? T
Every time I watch one of Jose’s brilliant videos, I have to rush off and implement the technique somewhere…
Has anyone else encountered issues when moving to responsive design? for some reason, my cards are no longer sticky