5 Reasons your CSS Sticky Position won't work!

Поділитися
Вставка
  • Опубліковано 18 жов 2024

КОМЕНТАРІ • 46

  • @Far_Dn
    @Far_Dn 8 днів тому

    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.

  • @Ulysse32IRL
    @Ulysse32IRL 8 місяців тому +1

    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

  • @OscarObians
    @OscarObians Рік тому +4

    I keep coming back to reference this video. Such a wonderful resource. Please add timestamps for the different reasons for easier reference

  • @odinaka_joshua
    @odinaka_joshua Рік тому +1

    Helpful as always Cracka 🙌- Love the setup btw, great you're showing your face now 😊

  • @aaronp.saji2004
    @aaronp.saji2004 Місяць тому +1

    Thank You, You saved me from a really bad place

  • @cabrelelvis
    @cabrelelvis Місяць тому

    OMG this video is ..... just .... I'm speechless thx

  • @eucalyptech
    @eucalyptech Рік тому

    Thank you Udoro, really love your CSS tutorials !

  • @mahmudzar
    @mahmudzar 11 місяців тому

    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.

  • @webnestify
    @webnestify Рік тому +1

    What a nice setup 👍 Well done

  • @clashwithlarrry
    @clashwithlarrry 5 місяців тому

    thank you now i am all clear about sticky position

  • @vaporlolz
    @vaporlolz Рік тому

    a quick thank you for that video, the height tip fixed my issue

  • @singleplayer5699
    @singleplayer5699 8 місяців тому

    well you got yourself a lifetime subscribe
    i was using fixed position for almost a year :)

  • @ErsanBihorac
    @ErsanBihorac Рік тому

    This was very helpful!

  • @akpassion48
    @akpassion48 Рік тому

    Bro you save my day Thanks 🙏🙏

  • @rafaelvendramini2598
    @rafaelvendramini2598 3 місяці тому

    Thanks 👊Bro!

  • @selamsewteshome2866
    @selamsewteshome2866 3 місяці тому

    Thank you.

  • @RB_MAFIA
    @RB_MAFIA 4 місяці тому +2

    i wish i found this earlier, just wasted an entire day trying to fix this. 😢

  • @hosseinmasoompour
    @hosseinmasoompour 4 місяці тому

    Thank you

  • @edgars.snepsts
    @edgars.snepsts Рік тому

    Thank you 🙌

  • @ryanmamboudjemtchemeu4289
    @ryanmamboudjemtchemeu4289 10 місяців тому

    You are the best!

  • @sartana808
    @sartana808 Рік тому

    Very useful!

  • @dipaktanwarrajput5279
    @dipaktanwarrajput5279 Рік тому

    its a very usefull thanks

  • @ac-jk9mz
    @ac-jk9mz 3 місяці тому

    thanks it helped

  • @minhyle5064
    @minhyle5064 6 місяців тому

    Thank you so much, you save my day, +1 subscriber 👍

  • @vijay6924
    @vijay6924 Місяць тому

    Hey you said not enough room for stick can you explain me little bit more?

  • @tochimclaren
    @tochimclaren Місяць тому

    If you are having position sticky issues with grid. Set the grid item css property align-self: start

  • @ninobien
    @ninobien Рік тому

    This is exactly what I needed.
    Thnx! :-)

  • @DraganMiletic
    @DraganMiletic Рік тому

    Great!

  • @stellarbyo
    @stellarbyo Рік тому

    Quality stuff

  • @chhavimanichoubey9437
    @chhavimanichoubey9437 15 днів тому

    overflow in parent component was my issue

  • @patriki01
    @patriki01 4 місяці тому

    Love you

  • @LSshowreel
    @LSshowreel Рік тому

    Another thing to mention is that sticky doesn't work very well when within parent containers that have overflow set

    • @DesignwithCracka
      @DesignwithCracka  Рік тому

      That's mentioned in the video (second reason)

    • @LSshowreel
      @LSshowreel Рік тому

      @@DesignwithCracka Ah so it does. Very comprehensive then! Good video

  • @jacky79322
    @jacky79322 5 місяців тому

    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.

    • @DesignwithCracka
      @DesignwithCracka  5 місяців тому

      Why would the last child stick when it’s literally seated at the bottom of the parent element?

  • @oshikuru7363
    @oshikuru7363 11 місяців тому

    👍

  • @Dzielxxx
    @Dzielxxx 7 місяців тому

    ❤❤❤

  • @odinaka_joshua
    @odinaka_joshua Рік тому +1

    Helpful as always Cracka 🙌- Love the setup btw, great you're showing your face now 😊