Responsive Sticky Navbar that Shrinks on Scroll with Tailwind CSS & Alpine JS
This is a tutorial to create a sticky navigation bar that shrinks when the user scrolls up, using Tailwind CSS & Alpine JS. The navigation is completely responsive too, with a full page menu toggle.
CodePen Demo Link :
------
This video is sponsored by Showwcase: Join me - using the invite code “joinshrutibalasa“
------
Work illustrations by Storyset -
Subscribe and stay tuned for tips, tutorials and more.
Follow me on Twitter:
Follow Thirus on Twitter:
Visit my website:
#alpine #alpinejs #tailwind #tailwindcss #navbar #shrinkonscroll #responsivenav
2 views
1735
787
5 months ago 00:55:45 1
Galaxy S23 📱 Soft Spoken Unboxing ASMR
5 months ago 00:12:34 1
The STOOCHES - The 1971 EP (Virtual AI-generated 10″ Vinyl Record) by GEORGE Stereophonic Recordings
5 months ago 00:03:01 1
Pseudocorynactis - The Orange Ball Anemone that Wasn’t
7 months ago 00:00:14 1
Amazing: Frog screams out “Weed Poop“ for all to hear
8 months ago 00:47:14 1
“DELUSIONAL“ FANS | MJ’s Former Bodyguard Reveals All!
8 months ago 00:04:29 1
Sander van Doorn & Firebeatz - Guitar Track (Original Mix)
8 months ago 00:17:07 1
They just ADMITTED the US dollar is in SERIOUS trouble | Redacted with Clayton Morris
8 months ago 00:10:36 1
How to make DJI Osmo Pocket 3 look like a cinema camera