Thank you, I've been hassling with the greenshift plugin's sticky position and it made hell lotta exhausted. The problem was top threshold. I gave top 30 and it worked.
The only video I turn up to if position sticky won't work. The overflow solution worked for me. Turns out I had an overflow of hidden to the grandparent wrapper.
none of these apply to me. I have sticky siblings that are able to stick so I know it has nothing to do with my parent, yet my last child is not able to stick. I added paddings to my parent to ensure that the child and parent aren’t the same height and my flex does not have any stretching going on. I’ve compared my last child against its siblings and it doesn’t make any sense why it wouldn’t work.
Thank you so much, as someone who just started this helped a lot with this issue because it was bothering me for quite a long time
I keep coming back to reference this video. Such a wonderful resource. Please add timestamps for the different reasons for easier reference
Will do!
Helpful as always Cracka 🙌- Love the setup btw, great you're showing your face now 😊
Glad you like it!
Thank you Mr. Cracka 🙏
Parent element had overflow auto
Thank you, I've been hassling with the greenshift plugin's sticky position and it made hell lotta exhausted. The problem was top threshold. I gave top 30 and it worked.
The only video I turn up to if position sticky won't work. The overflow solution worked for me. Turns out I had an overflow of hidden to the grandparent wrapper.
mine too, is now working , /* overflow-x: hidden; */ was on global css
i wish i found this earlier, just wasted an entire day trying to fix this. 😢
Us bro us
Thank You, You saved me from a really bad place
Thank you Udoro, really love your CSS tutorials !
Glad you like them!
OMG this video is ..... just .... I'm speechless thx
What a nice setup 👍 Well done
Thanks! 👍
If you are having position sticky issues with grid. Set the grid item css property align-self: start
well you got yourself a lifetime subscribe
i was using fixed position for almost a year :)
a quick thank you for that video, the height tip fixed my issue
Great to hear!
thank you now i am all clear about sticky position
This was very helpful!
Bro you save my day Thanks 🙏🙏
Hey you said not enough room for stick can you explain me little bit more?
This is exactly what I needed.
Thnx! :-)
Glad it helped!
thanks. first and second reason help me out.
Glad to hear it!
You are the best!
Very useful!
Thank you 🙌
Thank you so much, you save my day, +1 subscriber 👍
its a very usefull thanks
Thanks 👊Bro!
Thank you.
Thank you
thanks it helped
overflow in parent component was my issue
none of these apply to me. I have sticky siblings that are able to stick so I know it has nothing to do with my parent, yet my last child is not able to stick. I added paddings to my parent to ensure that the child and parent aren’t the same height and my flex does not have any stretching going on. I’ve compared my last child against its siblings and it doesn’t make any sense why it wouldn’t work.
Why would the last child stick when it’s literally seated at the bottom of the parent element?
Another thing to mention is that sticky doesn't work very well when within parent containers that have overflow set
That's mentioned in the video (second reason)
@@DesignwithCracka Ah so it does. Very comprehensive then! Good video
Great!
Quality stuff
Love you
👍
Guys if you used overflow in your body, html or parent div, remove it. The problem will be solved by 90%.
❤❤❤
Helpful as always Cracka 🙌- Love the setup btw, great you're showing your face now 😊
Thank you!