Sticky, Smooth, Active Nav | CSS-Tricks


38 bookmarks. First posted by cnanney 9 weeks ago.


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