recentpopularlog in

sticky

« earlier   
An event for CSS position:sticky
"Here's a secret: You may not need scroll events in your next app. Using an IntersectionObserver, I show how you can fire a custom event when position:sticky elements become fixed or when they stop sticking. All without the use of scroll listeners."
CSS  sticky  event  detection  IntersectionObserver  JavaScript 
4 days ago by nhoizey
Sticky, Smooth, Active Nav
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
Sticky, Smooth, Active Nav | CSS-Tricks
Chris Coyier describes a navigation bar design which sticks to the screen, smoothly scrolls as the contents scroll and actively highlights where you are in the document as you scroll down or up.
ChrisCoyier  WebDesign  CSS  sticky  navigation  smooth  scroll  layout  tool  howto 
10 days ago by searchmeister

Copy this bookmark:





to read