Sticky, Smooth, Active Nav | CSS-Tricks

38 bookmarks. First posted by cnanney august 2018.

Sticky, Smooth, Active Nav
august 2018 by johnloy
I just starred Sticky, Smooth, Active Nav on Inoreader
Web  Development 
august 2018 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 
august 2018 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 
august 2018 by spaceninja
This was way more difficult to do three years ago
from twitter
august 2018 by Rude
By Chris Coyier - Aug 7, 2018
articles  CSS  navigation  examples 
august 2018 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 
august 2018 by justinavery
this template I made that you're free to use
sticky  navigation  js  css  vanilla  csstricks  toc  scroll 
august 2018 by justcaldwell
Good considerations for sticky nav panels
css  webdesign  javascript 
august 2018 by leereamsnyder