Position: sticky
Go easy on me... I know this should be easy XD
Not really used position sticky, but why tf is this not working? Does the direct parent have to scroll or something?
Basically trying to get the sidebar and the sticky bar to, well, stick 🙂
https://codepen.io/nwoodward/pen/MWPEOzN
18 Replies
check your dev tools
also don't feel silly, I even make this mistake from time to time with display/position. xD
oh fgs 😁
thanks
At first I was hoping you use grid and there is a little trick with sticky and grid
oh also, was wondering last night - you got any tips/a guide/link for making something similar to that checkerboard transition in your svelte app a while back?
I've a tab open, hang on
Needs
align-self: start; or what not with gridchild xDcue'd up and waiting:
😁
mmm not sure which I one you mean
Most all my stuff has animations so heh
I think you had a grid overlaying the entire screen, and then each individually flipped or something. looked like it was using gsap stagger
yeah, thought it was a bit of a long shot
Just in case it is relevant and you haven't seen it yet Kevin has released a video on sticky just a couple of hours ago https://www.youtube.com/watch?v=8MaCTDkoVd8
oh, perfect, thanks - was literally just watching his video from about 4 years ago
hmm, i don't think so - it was very early on in the app tbh, and I'd had a couple of beers, so I can't remember what it was. Was a stream about a month or so ago. Nevermind. I'll give it a crack on my own and then inevitably come back here XD
Ta for the help
Oh if it was me streaming recently it was SvelteKit page transitions and yea it was just a group of divs being staggered with gsap. *Don't have an example of it online atm it seems.
a grid of otherwise invisible elements laid over the screen? a little bit like the stagger demo:
want to try and flip them to invisible and have it spread across the screen. not v good at thinking up animations though, so it might be a terrible idea!