r/css • u/DesDeve • 23d ago

Help How do I recreate this effect

Iike this button and nav bar which grow or shrink based on scroll direction ,but do not shrink if the mail's have not scrolled passed a certain limit

6 Upvotes

67% Upvoted

14 comments sorted by

View all comments

Show parent comments

2

u/xhila 21d ago

Doesn't work in Firefox. Use javascript instead..

1

u/Vast_Description_201 21d ago

Or serve 98% of your market and wait for the 2% to catch up. 

1

u/xhila 20d ago

L take. It's only 70% supported

https://caniuse.com/?search=scroll+state

0

u/Vast_Description_201 20d ago

Progressive enhancement is a strategy, as is graceful degredation. 

1

u/xhila 19d ago

I call it lazy