Public
- Public
- Network
- Groups
- Featured
- Popular
- People

Embed Notice

HTML Code

<blockquote style="position: relative; padding-left: 55px;"><section><a href="https://front-end.social/users/mayank/statuses/113597096530371245">Mayank (mayank@front-end.social)'s status on Thursday, 05-Dec-2024 08:17:19 JST</a><a href="https://front-end.social/@mayank" title="mayank@front-end.social"><img src="https://gnusocial.jp/avatar/266123-48-20240620122904.webp" width="48" height="48" alt="Mayank" style="position: absolute; left: 0; top: 0;">Mayank</a></section><article><p>has anybody tried building a showy-hidey sticky header using <a href="https://front-end.social/tags/CSS" rel="tag">#CSS</a> only? maybe with scroll-driven animations?</p><p>by "showy-hidey" i mean: it shows when you scroll up and hides when you scroll down. (this is anti-pattern in 90% of cases, but it can be useful when you have infinite scrolling)</p></article><footer><a rel="bookmark" href="https://gnusocial.jp/conversation/4124971#notice-8060948">In conversation</a><time datetime="2024-12-05T08:17:19+09:00" title="Thursday, 05-Dec-2024 08:17:19 JST">about 6 months ago</time> <span>from <span><a href="https://front-end.social/@mayank/113597096530371245" rel="external" title="Sent from front-end.social via ActivityPub">front-end.social</a></span></span><a href="https://front-end.social/@mayank/113597096530371245">permalink</a></footer></blockquote>

Corresponding Notice

Embed this notice
Mayank (mayank@front-end.social)'s status on Thursday, 05-Dec-2024 08:17:19 JST Mayank
has anybody tried building a showy-hidey sticky header using #CSS only? maybe with scroll-driven animations?
by "showy-hidey" i mean: it shows when you scroll up and hides when you scroll down. (this is anti-pattern in 90% of cases, but it can be useful when you have infinite scrolling)
In conversationabout 6 months ago from front-end.socialpermalink

Public

Embed Notice

HTML Code

Corresponding Notice