Kevin Powell - Community•16mo ago

Position sticky

Website: https://www.myndi.dev/blog/post-1 I want make what is highlighted in the image sticky, but I can't. I feel like my brain is fried, or I'm doing something wrong that I can't see. P.S.: You can play within the inspector and duplicate the <p> to make it longer.

4 Replies

ceispy•16mo ago

Is there a codepen for it?

Mannix•16mo ago

you need to remove overflow-x: auto' from main and put

    align-self: start;
    position: sticky;
    top: 0;

    align-self: start;
    position: sticky;
    top: 0;

on the aside-group

MyndiOP•16mo ago

Jesus, so it was the overflow on the parent... myndiFacepalm

couldn't even remember it being there, thank you so love

Mind if I give you credit on the repo?

Mannix•16mo ago

sure I don't mind thanks. I was also stumped for a while with this, then i started turning off stuff and it clicked 😄

Gaming

Programming

Position sticky