Sticky, Smooth, Active Nav | CSS-Tricks

33 bookmarks. First posted by cnanney 13 days ago.

I just starred Sticky, Smooth, Active Nav on Inoreader
Web  Development 
yesterday by ninthart
"Just like the title says! Here's a sidebar navigation bar that... Uses sticky positioning. It stays on the screen when it can"
css  navigation  webdevelopment  webdesign 
3 days ago by garrettc
Here's a sidebar navigation bar that... 1) Uses sticky positioning. It stays on the screen when it can, but won't overlap the header, footer, or ever make any of it's links inaccessible. 2) Scrolls smoothly to the sections you click to. 3) Activates the current nav based on scroll position (it's a single page thing).
fridayfrontend  css  navigation  sticky  smooth  scroll-behavior 
7 days ago by spaceninja
This was way more difficult to do three years ago
from twitter
7 days ago by Rude
By Chris Coyier - Aug 7, 2018
articles  CSS  navigation  examples 
10 days ago by mycotn
This is a great approach when you've got navigation that you want persistent for the current page content, kinda of like you've expect to find in documentation.
newslettered  321  tutorial 
10 days ago by justinavery
this template I made that you're free to use
sticky  navigation  js  css  vanilla  csstricks  toc 
11 days ago by justcaldwell
Good considerations for sticky nav panels
css  webdesign  javascript 
11 days ago by leereamsnyder