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
Thank you Mr. Cracka 🙏
Parent element had overflow auto
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, You saved me from a really bad place
i wish i found this earlier, just wasted an entire day trying to fix this. 😢
Us bro us
Thank you Udoro, really love your CSS tutorials !
Glad you like them!
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
OMG this video is ..... just .... I'm speechless thx
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!
What a nice setup 👍 Well done
Thanks! 👍
thank you now i am all clear about sticky position
Bro you save my day Thanks 🙏🙏
This was very helpful!
This is exactly what I needed.
Thnx! :-)
Glad it helped!
thanks. first and second reason help me out.
Glad to hear it!
Very useful!
thanks it helped
You are the best!
Thank you 🙌
Thanks 👊Bro!
Thank you so much, you save my day, +1 subscriber 👍
its a very usefull thanks
Thank you.
Hey you said not enough room for stick can you explain me little bit more?
Thank you
If you are having position sticky issues with grid. Set the grid item css property align-self: start
overflow in parent component was my issue
Quality stuff
Great!
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
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!